码迷,mamicode.com
首页 > 其他好文 > 详细

div 旋转

时间:2016-10-22 17:46:49      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:set   orm   pos   har   ota   效果   utf-8   动画效果   class   

<!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 旋转

标签:set   orm   pos   har   ota   效果   utf-8   动画效果   class   

原文地址:http://www.cnblogs.com/shsgl/p/5987614.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!