div 旋转
Posted 山冈龙的中文化PHP和JavaScript之家
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了div 旋转相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css3 通过transform属性实现DIV元素的旋转</title>
<style>
.aimateStyle{
border:1px solid black;
width:300px;
height:300px;
background:#abcdef;
position:absolute;
top:150px;
left:200px;
}
#aixuexi{
border:1px solid black;
width:200px;
height:150px;
background:#f9c;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
</style>
</head>
<body>
<div class="aimateStyle">
<div id="aixuexi">
animations 动画效果
</div>
</div>
</body>
</html>
以上是关于div 旋转的主要内容，如果未能解决你的问题，请参考以下文章
CSS transform中的rotate的旋转中心怎么设置?