美文网首页
transform 变形

transform 变形

作者: 楼水流云 | 来源:发表于2019-10-19 17:49 被阅读0次

    transform: rotate(360deg,180deg) 旋转 x y 单位度
    transform: scale(2,3); 缩放 x y 宽和高原来的几倍
    transform: translate(30px,40px) 位移

    transform-origin: 0% 0% 以哪个中心点为基准
    transform: skew(10deg,20deg); 扭曲 x y

    transform: perspective(600px) rotateZ(30edg)
    旋转 rotateX Y Z
    位移 translateX Y Z
    缩放 scaleX Y Z
    视角 perspective(600px) 值越大3d效果越小

    加在父容器上是会有一个摄像机的视角
    加在单个上每个有独立的摄像机视角

    相关文章

      网友评论

          本文标题:transform 变形

          本文链接:https://www.haomeiwen.com/subject/eyqcpctx.html