首页  >  文章  >  web前端  >  css transition-delay属性怎么用

css transition-delay属性怎么用

藏色散人
藏色散人原创
2019-05-30 09:20:462662浏览

css transition-delay属性用于规定过渡效果何时开始,transition-delay值以秒或毫秒计,其语法是transition-delay: time。

css transition-delay属性怎么用

css transition-delay属性怎么用?

作用:transition-delay 属性规定过渡效果何时开始。transition-delay 值以秒或毫秒计。

语法:

transition-delay: time

说明:

time  规定在过渡效果开始之前需要等待的时间,以秒或毫秒计。    

注释:

Internet Explorer 10、Firefox、Opera 和 Chrome 支持 transition-delay 属性。

Safari 支持替代的 -webkit-transition-delay 属性。

注释:

Internet Explorer 9 以及更早版本的浏览器不支持 transition-delay 属性。

css transition-delay属性使用示例







请把鼠标指针移动到蓝色的 div 元素上,就可以看到过渡效果。

注释:过渡效果会在开始前等待两秒钟。

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

效果输出:

a1aaff51f55c06d56c719959e097a0e.png

以上是css transition-delay属性怎么用的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn