1.2 KiB
1.2 KiB
| title | localeTitle |
|---|---|
| Transition | 过渡 |
过渡
transition属性允许您在给定的持续时间内平滑地（从一个值到另一个值）更改属性值。 ```CSS 过渡：全部300毫秒;
### Transition on Several Property Values
You can change multiples property values with transition property.
CSS 过渡：宽度300ms，高度2s;
### Specify the Speed Curve of the Transition
You can specify a speed curve on an element in transition property.
CSS 过渡：高度2s线性;
or the property `transition-timing-function`
CSS transition-timing-function：linear; ```
transition-timing-function不同值
ease - 指定缓慢启动的转换效果，然后快速，然后缓慢结束（这是默认值） linear - 指定从开始到结束具有相同速度的过渡效果 ease-in - 指定缓慢启动的过渡效果 ease-out - 指定慢速结束的过渡效果 ease-in-out - 指定缓慢开始和结束的过渡效果 cubic-bezier(n,n,n,n) - 允许您在cubic-bezier函数中定义自己的值