复制代码
代码如下:
<ht ML lang="en">
<head>
< ;m eta http-equiv="Content -t y PE " content="text/html; charset=utf-8">
<t IT le>DIV旋转属性的演示</title>
<meta http-equiv="X-UA-Compatible" content="IE=Emulat ei E8" />
<style type="text/css">
body {
font-f ami ly: "Arial", sans -s erif;
}
# ex am ple {
position: absolute;
border: #09F solid 1px;
font-weight : 900;
padding: 10px;
dis play : block;
width: 500px;
height: 400px;
m arg in-top: -1px;
mar gin -left: -1px;
transform: rotate(40 deg );
-o-transform: rotate(40deg);
- webkit -transform: rotate(40deg);
-moz-transform: rotate(40deg);
filter: PR ogid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto e xp and', M11=1.2660444431189 777 , M12=-0.3327876096865394, M21=0.1127876096865398, M22=0.9660444431189779);
}
</style>
<!--[if IE]>
<style type="text/css">
#example {
top: 50px;
left: 50px;
}
</style>
<![endif]-->
</head>
<body>
<div id="example"> 旋转成功</div>
</body>
</html>
总结
以上是 为你收集整理的 旋转任意角度 如何让div旋转一定的角度 全部内容，希望文章能够帮你解决 旋转任意角度 如何让div旋转一定的角度 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于旋转任意角度 如何让div旋转一定的角度的详细内容...