CSS3 單項屬性過渡
提問人：劉團圓發(fā)布時間：2020-11-19
先完成一個簡單的單項屬性過渡的實例。
【例題】創(chuàng)建單項屬性過渡
按照過渡原理，在頁面中先建立一個div,然后為它添加transition屬性，緊接著在transition屬性的值里寫入想要改變的屬性和改變時間，代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{
width: 200px;
height: 200px;
transition:width 2s;
}
div:hover{
width: 500px;
}
.d1{
background: pink;
}
.d2{
background: lightblue;
}
.d3{
background: lightgreen;
}
</style>
</head>
<body>
<div></div>
<div></div>
<div></div>
</body>
</html>
繼續(xù)查找其他問題的答案？
相關(guān)視頻回答
湘公網(wǎng)安備:43011102000856號 
點擊加載更多評論>>