CSS3 2D轉換 2.旋轉rotate()

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

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

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

通過一個實例來了解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>

相關視頻回答

回復(0)