CSS transition-property属性
CSS transition-property属性允许您指定应用过渡效果的CSS属性的名称。它可以让你定义从一个CSS属性值到另一个CSS属性值的变化,并且可以指定变化的时间,速度,以及曲线(easing)。
使用方法
你需要指定要应用过渡效果的CSS属性,使用transition-property属性。你可以指定一个或多个CSS属性,属性之间用逗号分隔。
.example { transition-property: width, height; }
你需要指定过渡效果的时间,使用transition-duration属性。它可以指定从一个CSS属性值到另一个CSS属性值变化所需要的时间,以秒或毫秒为单位。
.example { transition-duration: 2s; }
你可以指定变化的速度,使用transition-timing-function属性。它可以指定变化的速度曲线,即变化的速度可以是匀速的,也可以是先快后慢的,或者先慢后快的。
.example { transition-timing-function: ease-in-out; }
你可以指定变化的延迟时间,使用transition-delay属性。它可以指定从一个CSS属性值到另一个CSS属性值变化所需要的延迟时间,以秒或毫秒为单位。
.example { transition-delay: 1s; }
以上就是CSS transition-property属性的使用方法。通过指定过渡效果的CSS属性,时间,速度,以及延迟,可以让你定义从一个CSS属性值到另一个CSS属性值的变化,并且可以指定变化的时间,速度,以及曲线(easing)。