CSS3 2D轉(zhuǎn)換 2.旋轉(zhuǎn)rotate()

提問人：劉團圓發(fā)布時間：2020-11-19

在這之前，在頁面中所能得到的盒子模型都是整整齊齊地端坐在頁面當(dāng)中，從來沒有得到過一個歪的盒子模型，現(xiàn)在可以使用CSS3中的轉(zhuǎn)換對元素進(jìn)行旋轉(zhuǎn)操作了。

使用rotate()方法可以在一個給定度數(shù)順時針旋轉(zhuǎn)元素。負(fù)值是允許的，會使元素逆時針旋轉(zhuǎn)。通過這個方法可以完成對元素的旋轉(zhuǎn)操作。

通過一個實例來了解rotate()方法。

【例題】使用rotateO方法

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

div{

width: 200px;

height: 200px;

background: blue;

margin:100px;

}

div:hover{

transform: rotate(45deg);

}

</style>

</head>

<body>

</body>

</html>

相關(guān)視頻回答

回復(fù)(0)