说明

通过过渡transition,我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果. 要实现这一点，必须规定两项内容：
1.规定希望把效果添加到哪个 CSS 属性上
2.规定效果的时长

语法

transition: property duration timing-function delay

参数说明

transition 属性是一个简写属性，用于设置四个过渡属性：transition-property |transition-duration |transition-timing-function|transition-delay

• transition-property 规定设置过渡效果的css属性的名称
• transition-duration 规定完成过渡效果需要多少秒或毫秒
• transition-timing-function 规定速度效果的速度曲线
• transition-delay 定义过渡效果何时开始