CSS3 2D轉(zhuǎn)換 2.旋轉(zhuǎn)rotate()
提問人:劉團圓發(fā)布時間:2020-11-19
在這之前,在頁面中所能得到的盒子模型都是整整齊齊地端坐在頁面當(dāng)中,從來沒有得到過一個歪的盒子模型,現(xiàn)在可以使用CSS3中的轉(zhuǎn)換對元素進行旋轉(zhuǎn)操作了。
使用rotate()方法可以在一個給定度數(shù)順時針旋轉(zhuǎn)元素。負值是允許的,會使元素逆時針旋轉(zhuǎn)。通過這個方法可以完成對元素的旋轉(zhuǎn)操作。
通過一個實例來了解rotate()方法。
【例題】使用rotateO方法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{
width: 200px;
height: 200px;
background: blue;
margin:100px;
}
div:hover{
transform: rotate(45deg);
}
</style>
</head>
<body>
<div></div>
</body>
</html>
繼續(xù)查找其他問題的答案?
相關(guān)視頻回答
點擊加載更多評論>>