css3 transform skew属性是怎么倾斜的

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css3 transform skew属性是怎么倾斜的相关的知识,希望对你有一定的参考价值。

参考技术A deg
用法:transform: skew(30deg) 或者 transform: skew(30deg, 30deg);
参数表示倾斜角度,单位deg
一个参数时:表示水平方向的倾斜角度;
两个参数时:第一个参数表示水平方向的倾斜角度,第二个参数表示垂直方向的倾斜角度。
关于skew倾斜角度的计算方式表面上看并不是那么直观,这里借鉴某大拿绘制的图举例说明一下:
首先需要说明的是skew的默认原点transform-origin是这个物件的中心点本回答被提问者采纳

以上是关于css3 transform skew属性是怎么倾斜的的主要内容,如果未能解决你的问题,请参考以下文章

12.CSS3的Transform详解

CSS3 Transform属性详解

CSS3 transform属性和过渡属性详解

CSS3 变形过渡动画关联属性浅析

CSS3 transform 缩放

CSS3 transform介绍 (简书)