css3 transition过度详解
发布网友
发布时间：2024-10-14 10:48
共1个回答
热心网友
时间：2024-11-25 15:32
过渡transition原理是元素从一种样式逐渐平滑转变为另一种。
实现过渡效果需设定两项内容：指定要添加效果的CSS属性和指定效果持续时间。未指定时间时，transition将无效果，因默认值为0。
transition支持多项样式变换。添加多个变换效果时，属性间用逗号分隔。
transition包含四个核心属性：transition-property（指定过渡属性）、transition-ration（过渡时间）、transition-timing-function（切换速度）和transition-delay（过渡延迟）。
transition-property属性只对能量化变化的CSS属性有效，如width、height、top等。display：block属性不能用于过渡。
transition-ration属性设定过渡所需时间，单位可为秒或毫秒，若不设定，默认为0，表示立即变化。
transition-timing-function属性决定过渡速度，有多种预定义曲线选择。
transition-delay属性控制过渡开始时间，单位为秒或毫秒，不设则立即开始过渡，反之则延后。
举例说明，过渡效果在延迟1秒后生效。
学习后别忘了关注和收藏哦！
