posts - 139,comments - 1,views - 38133

一:rotate()2D旋转

  单位

    deg  度(Degrees)
    grad 梯度(Gradians)
    rad   弧度(Radians)
    turn  转、圈(Turns)

例:

 transform: rotate(45deg);

 

二:平移 translate()

  transform:translate(x,y) ,指定对象的2D translation(2D平移)。第一个参数对应X轴,第二个参数对应Y轴。如果第二个参数未提供,则默认值为0 

例:

transform: translate(-50%,50%);

 

三:缩放 scale

  transform:scale(x,y)

transform: scale(0.6);

 

四:设置原点 transform-origin

  transform-origin:水平(left | center | right) 垂直(top | center | bottom)

 

transform-origin: left;

 

posted on   最帅爸爸  阅读(135)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示