Css3：transform变形

transform 语法：

 transform      向元素应用 2D 或 3D 转换。

 transform ： none | <<span class="title" style="margin-left: 60px; color: rgb(38, 139, 210);">transform-function> [ <<span class="title" style="margin-left: 60px; color: rgb(38, 139, 210);">transform-function> ]* 
   也就是：
   transform: rotate | scale | skew | translate |matrix;
none:表示不进么变换

一、旋转rotate
rotate(): 通过指定的角度参数对原元素指定一个2D rotation（2D 旋转）
其中angle是指旋转角度，如果设置的值为正数表示顺时针旋转，如果设置的值为负数，则表示逆时针旋转。如：transform:rotate(30deg)://顺时针旋转30度

transform 的方法：translate(x,y）沿着x轴和y轴移动元素
值 translate(50px,100px) 把元素从左侧移动 50 像素，从顶端移动 100 像素。

转载于:https://www.cnblogs.com/zhaoleigege/p/5220301.html