transition-timing-function属性是用来规定过渡效果的速度曲线，它允许过渡效果随着时间来改变其速度；可以实现慢速开始，然后变快，然后慢速结束等等的过渡效果。CSS3 transition-timing-function属性作用：transition-timing-function 属性规定过渡效果的速度曲线。该属性允许过渡效果随着时间来改变其速度。语法：1transition-timing-function: linear|ease|ease-in|ease-out|ease-in
css3 transition-duration属性用于规定完成过渡效果需要花费的时间（以秒或毫秒计），语法为transition-duration: time。当time值为0是，意味着不会发生过渡效果。CSS3 transition-duration属性作用：transition-duration 属性规定完成过渡效果需要花费的时间（以秒或毫秒计）。语法：1transition-duration: time;参数：time：规定完成过渡效果需要花费的时间（以秒或毫秒计）。默认值是 0，意味着不会有效
transition-property属性是用于指定应用过渡效果的 CSS 属性的名称；当指定的 CSS 属性发生改变时，过渡效果将开始。CSS3 transition-property属性 作用：transition-property 属性规定应用过渡效果的 CSS 属性的名称。（当指定的 CSS 属性改变时，过渡效果将开始）。提示：过渡效果通常在用户将鼠标指针浮动到元素上时发生。语法：1transition-property: none|all|property;none：没有属性会获得过渡效果。
css3中过渡和动画的区别是：过渡需要触发一个事件才会随着时间改变其CSS属性；动画在不需要触发任何事件的情况下，也可以随时间变化来改变元素CSS属性。animation属性类似于transition，他们都是随着时间改变元素的属性值，其主要区别在于：（学习视频分享：css视频教程）transition需要触发一个事件才会随着时间改变其CSS属性；animation在不需要触发任何事件的情况下，也可以显式的随时间变化来改变元素CSS属性，达到一种动画的效果。1）动画不需要事件触发，过渡需要。2）过渡只有一