css3之transform-origin 

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>transform-origin_CSS</title>
<meta name="author" content="" />
<meta name="copyright" content="" />
<style>
.test{margin:0;padding:0;list-style:none;border:1px solid #000;}
.test li{width:50px;height:50px;border:1px solid #000;background:#ddd;
    -moz-transform-origin:0 0;-moz-transform:rotate(45deg);
    -webkit-transform-origin:0 0;-webkit-transform:rotate(45deg);
    -o-transform-origin:0 0;-o-transform:rotate(45deg);
    -ms-transform-origin:0 0;-ms-transform:rotate(45deg);
    transform-origin:0 0;transform:rotate(45deg);    
}
</style>
</head>
<body>
<ul class="test">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
</body>
</html>

 
posted @ 2012-02-08 16:38  jennyQ  阅读(840)  评论(0)  编辑  收藏  举报