海尔公司的网站建设,石岩做网站,网站开发公司企业官网,网站建设海报图片纯粹玩一下#xff0c;好像没有什么实际的卵用#xff0c;but#xff0c;纯玩买不了上当#xff0c;纯玩买不了受骗。。。。。。。。 地月旋转的一个css效果#xff0c;无聊玩玩#xff0c;可以复制到记事本试试 !DOCTYPE htmlhtml langen好像没有什么实际的卵用but纯玩买不了上当纯玩买不了受骗。。。。。。。。 地月旋转的一个css效果无聊玩玩可以复制到记事本试试 !DOCTYPE htmlhtml langenheadmeta charsetUTF-8titleCSS地心旋转效果/title style .box { transform: scale(0.5); position: relative; padding: 1px; height: 300px; width: 300px; margin:100px auto; } .sunline { position:relative; height: 400px; width: 400px; border: 2px solid black; border-radius: 50%; margin: 50px 0 0 50px; display: flex; animation: rotate 10s infinite linear; }.sun { height: 100px; width: 100px; margin: auto; background-color: red; border-radius: 50%; }.earthline { position: absolute; right: 0; top: 50%; height: 200px; width: 200px; margin: -100px -100px 0 0; border: 1px solid black; border-radius: 50%; display: flex; animation: rotate 2s infinite linear; }.earth { margin: auto; height: 50px; width: 50px; background-color: green; border-radius: 50%; }.moon { position: absolute; left: 0; top: 50%; height: 20px; width: 20px; margin: -10px 0 0 -10px; background-color: gray; border-radius: 50%; }keyframes rotate { 100%{transform:rotate(360deg); }}/style/head body !-- 代码部分begin -- div classbox div classsunline div classsun/div div classearthline div classearth/div div classmoon/div /div /div /div !-- 代码部分end -- /body/html 转载于:https://www.cnblogs.com/malimalihong/p/5584774.html
