标签:
一、2D的转换通过transform来实现,它有4种方式:
二、过渡是通过transition来实现,它可以同时对元素的多个属性同事定义过渡效果(对象,时间,类型,延迟时间)。
过渡的类型主要有以下几种方式
三、动画效果:通过animation来设置
@keyframes myfirst {
0% {
width: 150px;
}
30% {
width: 300px; //动画从0%到100%进程时的效果设置
}
50% {
width: 500px;
}
100% {
width: 600px;
}
}
.div1 {
width: 150px;
height: 150px;
background-color: #21bbca;
-moz-animation: myfirst 4s ease infinite;//对元素myfirst进行一个持续时间为4S,过渡效果为平滑过渡,无限循环的动画效果
}
标签:
原文地址:http://www.cnblogs.com/f19huangtao/p/4646986.html