hooyantsing's Blog

P197_4_定制CSS过渡效果属性

字数统计: 112阅读时长: 1 min
2020/04/23

P197 4 定制CSS过渡效果属性

transition-property

让哪些属性可以发生过渡效果。不发生过渡的效果将会一瞬间发生,一步到位。

transition-duration

以上属性过渡时间。

1
2
3
4
5
6
7
//让背景发生过渡 其他属性不需要过渡 一瞬间发生
transition-property: background;
//让背景以2s过渡
transition-duration: 2s;

//所有属性都发生过渡 | 都不发生过渡
transition-property: all | none;

代码说明:

19d78dfac052f42cea78adf5000c5929.png

CATALOG