First look at two different effects:
First effect:
Second effect: (The second effect I did not follow the sun, the Earth, the moon between the true rotation of the law to do, it is said that the earth around the sun, itself should turn 365 laps, the moon should revolve around the
This article brings you to the content is about how to use pure CSS to achieve the sun and the Earth and the moon's running model animation, there is a certain reference value, the need for friends can refer to, I hope to help you.
Effect Preview
Source code Download
Https://github.com/comehope/front-end-daily-challenges
Code interpretation
To define the DOM, the container contains 3 elements:
Center display:
body { margin:0; HEIGHT:100VH;
#include //the Sun, the Earth and the moon//let's say every month is 30 days .//12 months a year, a total of 360 daysStatic intDay = Max; changes in//day: from 0 to 359 voidMydisplay (void) {gldepthfunc (gl_lequal);//set depth Glenable (gl_depth_test);//Depth DetectionGlclear (Gl_color_buffer_bit |gl_depth_buffer_bit); Glmatrixmode (gl_projection);//The matrix is the projection transformation modeGlloadiden
Document directory
Source program download
1. Create an empty form
2. Join the earth:
3. rotating the earth
4. Joining the moon
5. Interaction with the mouse
Vi. Conclusion
Source program download 1. Create an empty form to create a project, add references, and import the namespace. Add a device object variable: Private Microsoft. directX. direct3d. devi
Pure play, as if there is no actual eggs, but, pure play can not buy fooled, pure play can not buy deceived ...Moon rotation of a CSS effect, boring play, you can copy to Notepad tryCSS Sun Moon Earth triangle love rotation effect
Basic parametersEccentric heart Rate: 1/18Perigee: 363300Apogee: 405500Average distance: 384400Other sports
The moon orbits around the Earth and runs in the right direction around the Earth. The long axis of the ellipse turns for one week in 3232 or 8 years and 310 days.
The orbit of the Moon (White Road) and t
For a website, ranking is critical, and the ranking of factors in addition to the chain, content, we also care about a core content is the weight of the site, and the weight of the high and low, directly affect your site and then the rankings of major search engines, so the moon today, the small fat here to share their views, Hope to give a lot of webmaster a lit
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.