位置:首页 > 软件操作教程 > 编程开发 > CSS > 问题详情

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>

image.png

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部