transition 过渡 的使用方法

目录

1.transition-property  过渡值

2.transition-duration  过渡时间

3.transition-duration  过渡时间

---

transition，过渡，是一个用来给标签添加动态效果的属性，通常配合hover使用，其连写语法

如下：

transition: property duration timing-function delay;

例如：transition：margin-left .5s ease-in 200ms;

前两个值 property 以及 duration 必须写，否则属性无效

例如：transition：padding 2.1s  ;

虽然其顺序不是固定的，但如果还写了delay的值，请注意将其放在duration值的后面，因为两者单位一致，程序完全依靠先后顺序来识别谁是duration

例如：transition：padding 2.1s  2.1s ;

其分写语法如下：

•    transition-property：
•    transition-duration：
•    transition-timing-function：
•    transition-delay：

transition-property  过渡值

该值用于选择需要添加过渡的属性，常见的取值有：

           transition-property: none【不选