css 2D变形
Posted yuh_c
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 2D变形相关的知识,希望对你有一定的参考价值。
旋转rotate 旋转rotate()函数 通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。 如果这个值为 正值 ,元素相对原点中心 顺时针 旋转;如果这个值为 负值 ,元素相对原点中心 逆时针 旋转。 transform:rotate(-20deg);缩放动画scale scale()函数 让元素根据中心原点对对象进行缩放; 1、 scale(X,Y)使元素水平方向和垂直方向同时缩放(也就是X轴和Y轴同时缩放) 如:
transform: scale(1.5,0.5); 如果第二个参数没有设置,则第二个参数等于第一个参数
2、scaleX(x)元素仅水平方向缩放(X轴缩放) 如:
transform: scale(2,1);高度不变,
宽以上是关于css 2D变形的主要内容,如果未能解决你的问题,请参考以下文章
保姆级解读!CSS属性transform变形+2D转换+3D转换实例+代码+解析——Web前端系列学习笔记