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:表示不进么变换一、旋转rotaterotate(): 通过指定的角度参数对原元素指定一个2D rotation(2D 旋转)其中angle是指旋转角度,如果设置的值为正数表示顺时针旋转,如果设置的值为负数,则表示逆时针旋转。如:transform:rotate(30deg)://顺时针旋转30度
transform 的方法:translate(x,y)沿着x轴和y轴移动元素值 translate(50px,100px) 把元素从左侧移动 50 像素,从顶端移动 100 像素。