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="100%;height:100%"></div>
    </body>
</html>

【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/zry2510/p/7083907.html