css3如何让div从远处飘来

发布网友发布时间：2022-04-21 12:02

共4个回答

热心网友时间：2022-04-21 13:32

.div3{
    position:absolute;
    width:100px;
    height:100px;/*指定tran2为amim*/
    animation:anim3 1s forwards normal;
    /*anim 5s表示5s执行完毕;infinite:使动画永远重复;alternate:奇数正方向执行，偶数反方向*/
    -ms-animation:anim3 1s forwards normal;/*IE*/
}

@keyframes anim3 {/*动画效果*/
    from {background:red;top:400px;left:-100px;}
    to {background:green;top:210px;left:100px;}
}

@-ms-keyframes anim3 { /*IE*/
   from {background:red;top:400px;left:-100px;}
    to {background:green;top:210px;left:100px;}
}

望采纳！

热心网友时间：2022-04-21 14:50

animate.css
库。
引入CSS库
给DIV添加样式如
<div class="animated (必须的) slideInRight(具体效果,这个是从右边飘进来) 再设定延迟多少秒设定动画的效果时间">

</div>

具体的
http://www.cnblogs.com/2050/p/3409129.html
此文中最下面有效果的例子
当然。你也可以自己去写这些样式

热心网友时间：2022-04-21 16:24

CSS3中的animation属性

热心网友时间：2022-04-21 18:16

飘来？那需要js写吧。。