12.18日报

CSS3属性transform详解
该属性有转变形态的意思,可以"translate偏移",“rotate旋转”,“skew倾斜”,“scale放大缩小”

1.偏移 translate
用法:transform: translate(X轴偏移, Y轴偏移);

X轴偏移:transform: translateX(10px);
Y轴偏移:transform: translateY(10px);

这里的Y轴和正常的Y轴不一样,它往上表示负数,往下表示正数;X轴是正常的

且,如果设置百分比,表示偏移自身的百分比

.

假如有两个盒子,红色“father”和蓝色“son”,且“父绝子相”父级绝对定位,子级相对定位

猜你喜欢

转载自blog.csdn.net/zzxin1216/article/details/111399933