91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css3中transition-duration屬性的使用方法

發布時間:2020-09-24 10:56:08 來源:億速云 閱讀:371 作者:小新 欄目:web開發

這篇文章給大家分享的是有關css3中transition-duration屬性的使用方法的內容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。

css3 transition-duration屬性用于規定完成過渡效果需要花費的時間(以秒或毫秒計),語法為transition-duration: time。當time值為0是,意味著不會發生過渡效果。

CSS3  transition-duration屬性

作用:transition-duration 屬性規定完成過渡效果需要花費的時間(以秒或毫秒計)。

語法:

transition-duration: time;

參數:

time:規定完成過渡效果需要花費的時間(以秒或毫秒計)。默認值是 0,意味著不會有效果。

注:Internet Explorer 9 以及更早版本的瀏覽器不支持 transition-duration 屬性;Internet Explorer 10、Firefox、Opera 和 Chrome 支持 transition-duration 屬性。Safari 支持替代的 -webkit-transition-duration 屬性。

CSS3  transition-duration屬性的使用示例

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:100px;
height:100px;
background:red;
margin: 10px 0px;

}
.demo1{
transition-duration:2s;
/* Firefox 4 */
-moz-transition-property:width;
-moz-transition-duration:2s;
/* Safari and Chrome */
-webkit-transition-property:width;
-webkit-transition-duration:2s;
/* Opera */
-o-transition-property:width;
-o-transition-duration:2s; 
}
.demo2{
transition-duration:5s;
/* Firefox 4 */
-moz-transition-property:width;
-moz-transition-duration:5s;
/* Safari and Chrome */
-webkit-transition-property:width;
-webkit-transition-duration:5s;
/* Opera */
-o-transition-property:width;
-o-transition-duration:5s; 
}
.demo1:hover,.demo2:hover
{
width:300px;
}
</style>
</head>
<body>
<p>請把鼠標指針移動到紅色的 div 元素上,查看過渡效果。</p>
<p>2秒過渡:</p>
<div class="demo1"></div>
<p>5秒過渡:</p>
<div class="demo2"></div>
<p><b>注釋:</b>本例在 Internet Explorer 中無效。</p>
</body>
</html>

效果圖:

css3中transition-duration屬性的使用方法

感謝各位的閱讀!關于css3中transition-duration屬性的使用方法就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

延吉市| 香河县| 博客| 石棉县| 林周县| 湖口县| 正定县| 鹿泉市| 常山县| 麻江县| 张家口市| 常德市| 杂多县| 双鸭山市| 武功县| 青冈县| 金门县| 吉安县| 海丰县| 娄底市| 皋兰县| 旬邑县| 台湾省| 平塘县| 昌邑市| 合阳县| 南澳县| 富锦市| 阿图什市| 疏勒县| 定安县| 阳原县| 大石桥市| 阳山县| 马山县| 醴陵市| 徐州市| 龙里县| 时尚| 铜鼓县| 崇信县|