首頁  >  文章  >  web前端  >  css transition-delay屬性怎麼用

css transition-delay屬性怎麼用

藏色散人
藏色散人原創
2019-05-30 09:20:462665瀏覽

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 中无效。

效果輸出:

css transition-delay屬性怎麼用

#########################

以上是css transition-delay屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn