CSS3学习手记（8） CSS3 Transform与坐标系统

 

transform-origin:改变转换元素的位置(基准点)

语法

transform-origin:x-axis y-axis z-aaxis

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
     div{width: 500px;height: 200px;background: #abcdef;margin: auto;}
     div>img{transform:rotate(45deg);transform-origin: left top}
        </style>    
    </head>
    <body>
     <div><img src="images/1.jpg" style="width:100%;height:100%"></div>
    </body>
</html>

 

posted @ 2017-06-27 10:44  星河mio  阅读(1059)  评论(0)  编辑  收藏  举报