transition
它的中文翻译就是过渡,转变,变迁,在css中,用来设置元素或对象变换时的过渡。
由一个样式变成另一个样式的过程。
他有四个值:
transition-property 设置对象中参与过渡的属性
transition-duration 设置对象过渡的持续时间
transition-timing-function 设置对象过渡的动画类型
linear:线性过渡。
ease:平滑过渡。(默认值)
ease-in:由慢到快。
ease-out:由快到慢。
ease-in-out:由慢到快再到慢。
transition-delay 设置对象等待多长时间才过渡
例:transition: border-color 0.5s ease-in 1s,background-color 0.5s ease-in 1s,color 0.5s ease-in 1s;
transition:all 0.5s ease-in 1s;
transition-property:all;
transition-duration:5s;
transition-timing-function:ease-in;
transition-delay:1s;