2D变换（旋转/缩放/位移）

    <!-- 节点 -->
    <div>5</div>
        
    <!-- 样式 -->
    <style>
    
        div
        {
            width: 200px;
            height: 200px;
            background-color: #999;
            
            text-align: center;
            line-height: 200px;
            
            /*旋转*/
            transform: rotate(90deg);
            
            /*移动*/
            transform: translate(50px,100px);
            
            /*缩放*/
            transform: scale(2,1.5);
        }

    </style>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容