transition: 要过渡的属性 花费时间 运动曲线 何时开始;
transition: property duration timing-function delay ;
transition: all 1s ease 0s ;
属性: 想要变化的css属性,宽度高度背景颜色内外边距都可以。
如果想要所有的属性都变化过渡,写一个 all 就可以。
花费时间: 单位是 秒, 比如 0.5s
运动曲线: 默认是 ease(可以省略)
linear 匀速
ease 默认, 以低速开始,然后加快,在结束前变慢
ease-in 动画以低速开始 , 加速
ease-out 动画以低速结束,减速
ease-in-out 动画以低速开始和结束 ,先加速后减速
何时开始: 单位是 秒, 可以设置延迟触发时间,默认是 0s(可以省略)