transform小结

Transform主要用到以下三个方法:translate()rotate()scale()

translate(50px),只是X方向动50px。Translate(50px,100px)才可以动。

transform:rotateX();利用左手法则。

transform:scale();如果没有设置transform-origin,则以元素中心点为基准点进行变化。

transform要注意的一点是,无论何时,都是相对最初起点的。如果要在之前状态基础上再加动作,需要在transform中加入之前的状态。


猜你喜欢

转载自blog.csdn.net/anoddguy/article/details/80935536