1、一：使用介绍1、用法：transform: rotate(45deg);共一个参数“角度”，单位deg为度的意思，正数为顺时针旋转，负数为逆时针旋转，上述代码作用是顺时针旋转45度。2、具体代码如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>transform属性的用法</title> <style type="text/css"> body{ text-align: center; margin: 75px 175px; } *{padding: 0;margin: 0;list-style: none;} #trans{width: 350px;height: 350px;background: pink;} </style> </head> <body> <div id="trans"><button onclick="rotateC()">旋转</button></div> <script type="text/javascript"> function rotateC(){ var trans = document.getElementById("trans"); //这里为了达到效果，给变量设定了一个默认值，而没有对变量进行操作 var rt = "30deg"; trans.style.transform = "rotate("+ rt +")"; } </script> </body></html>
2、二：测试3.1 使用谷歌浏览器打开页面3.2 单击选择旋转30度如下所示。
