题目内容
CSS3 2D转换 2.旋转rotate()
题目答案
在这之前，在页面中所能得到的盒子模型都是整整齐齐地端坐在页面当中，从来没有得到过一个歪的盒子模型，现在可以使用CSS3中的转换对元素进行旋转操作了。
使用rotate()方法可以在一个给定度数顺时针旋转元素。负值是允许的，会使元素逆时针旋转。通过这个方法可以完成对元素的旋转操作。
通过一个实例来了解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>
点击加载更多评论>>