主要内容包括五个属性:
1. transition-property属性
transition-property属性用于指定应用过渡效果的CSS属性的名称,其过渡效果通常在用户将指针移动到元素上时发生。当指定的CSS属性改变时,过渡效果才开始。其基本语法格式如下:
transition-property:none | all | property;
在上面的语法格式中的,transition-property属性的取值包括none、all、property三个,具体说明如下表所示:
属性值 | 描述 |
---|---|
none | 没有属性会获得过渡效果。 |
all | 所有属性都将获得过渡效果。 |
property | 定义应用过渡效果的CSS属性名称,多个名称之间以逗号分隔。 |
2. transition-duration属性
transition-duration属性用于定义过渡效果花费的时间,默认值为0,常用单位是秒(s)或者毫秒(ms)。其基本语法格式如下: