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效果开始的时候;
网友评论