CSS-transition属性

2018-08-03  本文已影响14人  有想法的人

transition:过渡
正如其字面意思一样,transition的作用就是将CSS样式通过逐渐过渡的方式展示出来。
它的语法是:

transition: property duration timing-function delay;

property —— 指定CSS属性的name,transition效果;
duration —— transition效果需要指定多少秒或毫秒才能完成;
timing-function —— 指定transition效果的转速曲线;
(linear:以相同速度开始至结束;ease:慢速开始,然后变快,然后慢速结束;ease-in:以慢速开始;ease-out:以慢速结束;ease-in-out:以慢速开始和结束;cubic-bezier(n,n,n,n):速度曲线立方贝塞尔曲线函数;)
delay —— 定义transition效果开始的时候;

上一篇 下一篇

猜你喜欢

热点阅读