css3卡通属性系列之transform细讲移动translate
日期：2014-05-17 浏览次数：20757 次
css3动画属性系列之transform细讲移动translate
上一篇讲了rotate，这一次我们再细讲一下translate
?
下面我们从3个方面开始介绍：
?
1、translate(x,y) ?水平方向和垂直方向同时移动，
?
- ?取值x表示x轴过渡值
- ?取值y表示y轴过渡值 ?----如果没有赋值，默认是0
- ?默认以元素的中心点为基点，可以通过transform-origin进行基点的设置
- ?x,y如果为负就反方向移动
translate(100px,200px);?
?
2、translateX(<translation-value>) ?通过给x方向上的指定参数值,实现x轴方向上的移动。
translateX(100px);?
?
3、translateY(<translation-value>)?通过给y方向上的指定参数值,实现x轴方向上的移动。
?
translateY(200px);?
?
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
