css-移動&縮放元素


transform 屬性向元素應用 2D 或 3D 轉換。該屬性允許我們對元素進行旋轉、縮放、移動或傾斜。

用法:object.style.transform="rotate(7deg)"

1、旋轉: rotate(30deg);(順時針旋轉30°)

2、2D移動:translate(x,y)(右移到x,下移到y)

3、3D移動:translate3d(x,y,z)

4、橫向移動:translateX(x)(橫向移動到x)

5、豎向移動:translateY(y)(豎向移動到y)

6、縮放:scale(x,y)(以元素中心為中心,橫向放大x倍,豎向放大y倍)

7、橫向縮放:scaleX(2)(橫向放大2倍)

8、豎向縮放:scaleY(5)(豎向放大5倍)

詳情及效果參考: http://www.w3school.com.cn/cssref/pr_transform.asp

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM