在
css3中，過渡屬性transition用於設定元素過渡效果，是簡寫屬性，語法“transition:property duration timing-function delay”，屬性值分別設定了元素過渡的屬性名稱、時間、轉速和延遲時間。
本教學操作環境：windows10系統、CSS3&&HTML5版、Dell G3電腦。
css3中過渡的用法是什麼
#在css中，過渡屬性是transition，用來設定元素的過渡效果。
transition 屬性設定元素當過渡效果，四個簡寫屬性為：
#transition-property
transition-duration
transition-timing-function
#transition-delay
他們fenbie用來設定元素過渡效果的屬性名稱、過度時間、過渡轉速曲線和過渡延遲時間。
語法為：
transition: property duration timing-function delay;
範例如下：
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
div
{
width:100px;
height:100px;
background:red;
transition:width 2s;
-webkit-transition:width 2s; /* Safari */
}
div:hover
{
width:300px;
}
</style>
</head>
<body>
<p><b>注意：</b>该实例无法在 Internet Explorer 9 及更早 IE 版本上工作。</p>
<div></div>
<p>鼠标移动到 div 元素上，查看过渡效果。</p>
</body>
</html>輸出結果：
（學習視頻分享：css影片教學）
以上是css3中過渡的用法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
