transform 变形

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效果越小

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容