11
2
2011
0

css3 之 transform 小习(updating...)

语法: transform:none | matrix(,,,,,)? translate([,])? translateX()? translateY()? rotate()? scale([,])? scaleX()? scaleY()? skew([,])? skewX() || skewY()?

默认值:none

translate(<length>[, <length>]):2D translation(2D平移)

   第一个参数对应X轴,第二个参数对应Y轴。如果第二个参数未提供,则默认值为0

 分别设置:

translateX(<length>):
指定对象X轴(水平方向)的平移
translateY(<length>):
指定对象Y轴(垂直方向)的平移
rotate(<angle>):指定对象的2D rotation(2D旋转),需先有transform-origin属性的定义
 
scale(<number>[, <number>]):
指定对象的2D scale(2D缩放)。第一个参数对应X轴,第二个参数对应Y轴。如果第二个参数未提供,则默认取第一个参数的值
scaleX(<number>):
指定对象X轴的(水平方向)缩放
scaleY(<number>):
指定对象Y轴的(垂直方向)缩放

 

Category: Web设计 | Tags:

Host by is-Programmer.com | Power by Chito 1.3.3 beta | Theme: Aeros 2.0 by TheBuckmaker.com