多语言展示
当前在线:1623今日阅读:193今日分享:47

CSS3图层旋转如何实现

在网页编码中,将图层适当旋转一定角度,能够带来更好的客户体验和网页美观,旋转如何实现呢?一起来看看吧。
工具/原料

Sublime编辑器,浏览器

方法/步骤
1

新建一个txt文档,将其修改成html文件。

2

用Sublime编辑器打开html文件,并编写html5标准代码。

3

编写一个div图层,大小200*150px,背景色为红色。具体代码如下。

4

用浏览器打开html文件,页面初始效果如下。

5

用“transform:rotate(30deg);”,图层将顺时针旋转30度。

6

用“transform:rotate(-30deg);”,图层将逆时针旋转30度。

注意事项

如果对你有所帮助,记得点击投票支持。

推荐信息