css3过渡，转换，动画

过渡必须有两个属性，指定添加效果的css属性，指定效果运行时间

transition :width 2s;

过渡属性 ：transition 简写属性，用于在一个属性中设置四个过渡属性

transition-property 规定应用过渡的css属性名称

transition-duraton 规定花费的时间

2d转换

transiate{} 根据x周y轴移动

roate{}元素旋转可逆时针

scale{}增加或减少大小，取决x轴y轴的参数

skew{}可以同时修改两个参数倾斜

css3动画

@keyframes 创建动画 将图片更改为新的样式

属性

animation 可以 同时规定所有属性，除了animaation-play-state

animation-name 规定名称

animation-duration 规定时间

animation-timing-function 规定动画的运转速度

animation-fill-mode 规定当动画不播放时，要应用到元素的样式

animation-delay 规定动画合适开始

animation-iteration-count 规定动画北博狱次数是1