CSS知识总结（八）

CSS常用样式

8.变形样式

　改变元素的大小，透明，旋转角度，扭曲度等。

　 transform : none |

　 表示一个或多个变换函数，以空格分开，也就是说我们可以同时对一个元素进行transform的多种属性操作。

　温馨提示：以往我们叠加效果都是用逗号隔开，但transform中使用多个属性时是用空格隔开。

　　1） translate()

　　　　指定对象的2D translation（2D平移）。第一个参数对应X轴，第二个参数对应Y轴。如果第二个参数未提供，则默认值为0。　　　

　　例子 源代码：

 /*   CSS代码   */  
.box1 { 
    width : 200px ; 
    height : 50px ; 
    border : 1px solid #000 ;
} 
.box1 p { 
    padding : 0 ; 
    margin : 0 ; 
    width : 200px ; 
    height : 50px ; 
    background : #ccc ; 
    transform : translate(20px,20px) ;
} 

查看更多关于CSS知识总结（八）的详细内容...