前端（自用）-transform

transform转换

2D转换

代码：

       
• 1
       
• 2
       
• 3
       
• 4
       
• 5
       
• 6
       
• 7
   

li {     float: left;     width: 30px;     height: 30px;     border: 1px solid lightgreen;     text-align: center;     line-height: 30px;     list-style: none;     margin: 10px;     border-radius: 15px;     cursor: pointer;     transition: all .4s; } li:hover{     transform: scale(1.2); }

2D转换综合写法顺序

如果先旋转的话位移的方向也会发生变化

2D转换小结