CSS3中的动画功能:transitions功能;Animations功能

Transitions功能
用法:transition:property duration timing-function
property表示对哪个属性进行平滑过渡
duration表示在多长时间内完成属性值的平滑过渡
timing-function表示通过什么方法来进行平滑过渡
举个例子:
div{
    background-color:#ffff00;
    -webkit-transition:background-color 1s linear;
    -moz-transition:background-color 1s linear;
    -o-transition:background-color 1s linear;
}
div:hover{
    background-color:#00ffff;
}
若需多个属性实现平滑过渡的话,只需将每一组参数用逗号隔开即可。


Animations功能