纯粹玩一下,好像没有什么实际的卵用,but,纯玩买不了上当,纯玩买不了受骗。。。。。。。。 地月旋转的一个css效果,无聊玩玩,可以复制到记事本试试 CSS地心旋转效果 <br /> .box <p> {<br /> transform: scale(0.5);<br /> position: relative;<br /> padding: 1px;<br /> height: 300px;<br /> width: 300px;<br /> margin:100px auto;<br /> } <br />.sunline <p> {<br /> position:relative;<br /> height: 400px;<br /> width: 400px;<br /> border: 2px solid black;<br /> border-radius: 50%; <br /> margin: 50px 0 0 50px;<br /> display: flex;<br /> animation: rotate 10s infinite linear;<br /> }<br />.sun <p> {<br /> height: 100px;<br /> width: 100px;<br /> margin: auto;<br /> background-color: red;<br /> border-radius: 50%; <p> }<br />.earthline <p> {<br /> position: absolute;<br /> right: 0;<br /> top: 50%;<br /> height: 200px;<br /> width: 200px;<br /> margin: -100px -100px 0 0;<br /> border: 1px solid black;<br /> border-radius: 50%;<br /> display: flex;<br /> animation: rotate 2s infinite linear;<br /> }<br />.earth <p> {<br /> margin: auto;<br /> height: 50px;<br /> width: 50px;<br /> background-color: green;<br /> border-radius: 50%;<br /> }<br />.moon <p> {<br /> position: absolute;<br /> left: 0;<br /> top: 50%;<br /> height: 20px;<br /> width: 20px;<br /> margin: -10px 0 0 -10px;<br /> background-color: gray;<br /> border-radius: 50%;<br /> }<br />@keyframes rotate <p> {<br /> 100%{transform:rotate(360deg); <p> }<br />}<br />