CSS3 2D转换 2.旋转rotate()
提问人:刘团圆发布时间:2020-11-19
在这之前,在页面中所能得到的盒子模型都是整整齐齐地端坐在页面当中,从来没有得到过一个歪的盒子模型,现在可以使用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>
继续查找其他问题的答案?
相关视频回答
回复(0)
点击加载更多评论>>