CSS3的动画功能

transition：

    从一个属性值平滑过渡到另一个属性值

    transition:<过度属性名称> <过度时间>

    注意：
    chrome 、safari：-webkit-transition

    firefox:-moz-transition

    opera:-0-transition

animation：

    支持通过关键帧的技术在网页上产生更加复杂的动画效果

css3动画功能：

• transition: <过渡属性名称> <过渡时间>

• webkit-transition、-moz-transition、-o-transition

• animation

不同浏览器的transition需要不同的前缀

transition包括两个参数，过渡属性名称、过渡时间

safari、chrome用webkit-transition

firefox用moz-transition

opera用o-transition

transition:<过渡属性名称><过渡时间>

transition: <过渡属性名称><过渡时间> 动画  平滑的从一个属性值过度到另外一个属性值 搭建3D场景   perspective：距离观察窗口的距离 ，   perspective-origin：相对观察窗口的角度，   transform：translate ，rotate：旋转