js 能力补充

我的js能力突然发现很弱，所有要补一下，

这个算法能力也要补！

js 操作样式

this.style.WebkitTransform = this.style.transform = "rotateX(45deg)";

 

——————————
 

 1 this.style.WebkitTransform = this.style.transform = "translate(50px)";

2 this.style.WebkitTransform = this.style.transform = "rotate(180deg)

第2行会覆盖第一行的代码

 

this.style.WebkitTransform = this.style.transform = "translate(50px) rotate(180deg)";

 

这个先执行旋转，再移动

 

好，我们到过顺序

this.style.WebkitTransform = this.style.transform = "rotate(180deg) translate(50px) ";

 

我们会发现，旋转的中心点不动，始终是 center ,center ,0 得位置

 

rotate、skew、scale默认都是围绕着元素的中心点进行变化的

 

行，这篇就到这里，下一篇就是3d 盒子！