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”,且“父绝子相”父级绝对定位,子级相对定位

本文链接http://www.hatan.cn/news/show-69536.html