|
|
请马上登录,朋友们都在花潮里等着你哦:)
您需要 登录 才可以下载或查看,没有账号?立即注册
x
CSS:圆周运动的简单实现 | 马黑黑
思路:正方体父容器加载一个子容器,父容器旋转,设计成圆球型的子容器会跟着旋转。若父容器不可见,则子容器看上去就像是自己旋转一样。
代码:
<style type="text/css">
.fDiv { /* 父容器 */
margin:0 auto;
width:600px;
height:600px;
background:transparent; /* 背景色透明 */
animation:linear rotate 5s infinite;
}
.ball { /* 子容器 */
margin:0 auto;
width:50px;
height:50px;
border-radius:50%;
background:coral;
}
@keyframes rotate {
to
{ transform:rotate(360deg); } /* 转一圈 */
}
</style>
<div class="fDiv">
<div class="ball"></div>
</div>
|
评分
-
| 参与人数 3 | 威望 +130 |
金钱 +260 |
经验 +130 |
收起
理由
|
小辣椒
| + 50 |
+ 100 |
+ 50 |
赞一个! |
加林森
| + 30 |
+ 60 |
+ 30 |
赞一个! |
红影
| + 50 |
+ 100 |
+ 50 |
赞一个! |
查看全部评分
|