首页 > 其他分享 > transform旋转

transform旋转

时间:2022-10-09 09:58:18浏览次数:47  
标签:origin scale 50% transform 旋转 2D translate

一: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;

 

标签:origin,scale,50%,transform,旋转,2D,translate
From: https://www.cnblogs.com/zsbb/p/16771091.html

相关文章