transition属性怎么用

2025-10-26
网站建设限时活动促销

transition属性css3中的是一个简写属性,用于实现过渡效果。它设置了需要设置过渡效果的css属性名称,完成的时间、速度曲线及开始时间。

CSS3  transition属性

作用:设置元素的过渡属性

说明:复合属性。检索或设置对象变换时的过渡。用于设置四个过渡属性:transition-property,transition-duration,transition-timing-function,transition-delay。

语法:

transition: property duration timing-function delay;

transition-property:规定设置过渡效果的 CSS 属性的名称。

transition-duration:规定完成过渡效果需要多少秒或毫秒。

transition-timing-function:规定速度效果的速度曲线。

transition-delay:定义过渡效果何时开始。

CSS3 transition属性的使用示例

请把鼠标指针放到黄色的 p 元素上,来查看过渡效果。

注释:本例在 Internet Explorer 中无效。

效果图:

标签: transition属性

本文地址:https://www.lifejia.cn/news/211763.html

免责声明:本站内容仅用于学习参考,信息和图片素材来源于互联网,如内容侵权与违规,请联系我们进行删除,我们将在三个工作日内处理。联系邮箱:cloudinto#qq.com(把#换成@)