美文网首页
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效果越小

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

相关文章

  • 网易云课堂前端学习-css-变形-transform

    变形包括2d变形和3d变形 transform2D变形 transform(none| +),可以写多个方法一起但...

  • CSS3倒影、渐变

    倒影 倒影+渐变 变形transform transform:rotate();rotate(angle) 定义 ...

  • css3动画

    transform(变形),transition(过渡),animation(动画)一、transform:直接改...

  • CSS3 变形、过渡、动画

    transform 变形 transform-origin 参照原点 transform-style 指定是否在三...

  • transform(变形)

    transform(变形) CSS3中可以通过transform属性修改元素的变形、旋转、缩放、倾斜特性,在CSS...

  • --- > css3-变形

    transform(变形) CSS3中可以通过transform属性修改元素的变形、旋转、缩放、倾斜特性,在CSS...

  • transform变形

    CSS3中可以通过transform属性修改元素的变形、旋转、缩放、倾斜特性,在CSS3中transform主要包...

  • transform 变形

    transform: rotate(360deg,180deg) 旋转 x y 单位度transf...

  • CSS3中的translate、transform和transi

    transform和translate 用途 transform是变形的意思,translate是transfor...

  • TRANSFORM

    CSS3详解:transform CSS3 transform是什么?transform的含义是:改变,使…变形;...

网友评论

      本文标题:transform 变形

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