transform属性向元素应用2D,3D转化。该属性允许我们对元素进行旋转,缩放,移动,或者倾斜。
rotate:定义2D旋转。
rotateX:定义沿着X轴的3D旋转。
rotateY:定义沿着Y轴的3D旋转。
rotateX:定义沿着Z轴的3D旋转。
scale(x,y):定义2D旋转变换。
scale3d(a,y,z):定义3D旋转。
scaleX(x):通过设置X轴的值定义缩放旋转。
scaleY(y):通过设置Y轴的值定义缩放旋转。
scaleZ(Z):通过设置Z轴的值定义3D缩放旋转。
transition:过度属性。
transition可以设置4个过度属性:
transition-property,transtion-duration,transition-timing-fuction,transition-delay
值描述:
transition-property:规定设置过度效果的css属性和名称。
transition-duration:规定完成过度效果需要多少秒或者毫秒。
transtion-timing-function:规定速度效果的速度曲线。
transition-delay:规定过度效果从何时开始。
网友评论