CSS3-2D转换

最新推荐文章于 2025-07-13 09:10:21 发布

转载最新推荐文章于 2025-07-13 09:10:21 发布 · 55 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://blog.51cto.com/dingzhaoqiang/1703151

CSS3-2D转换实例

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title>2D转换</title>
  <style> 
   div{margin:30px;
    width:200px;
    height:100px;
    background-color:yellow;
    /* Rotate div */
    transform:rotate(9deg);
    -ms-transform:rotate(9deg); /* Internet Explorer */
    -moz-transform:rotate(9deg); /* Firefox */
    -webkit-transform:rotate(9deg); /* Safari 和 Chrome */
    -o-transform:rotate(9deg); /* Opera */
   }
  </style>
 </head>
 <body>
  <div>Hello World</div>
 </body>
</html>