CSS3-转换之skew

时间 2021-01-18

原文原文链接

skew定义2D倾斜变换，所以是在平面上进行的扭曲变换。 1、skewX(angle) 定义沿着x轴的2D倾斜旋转，即在水平方向扭曲变形，效果如下： skewX(30deg)是在水平方向扭曲变形，但是在上图中我们可以看到实际是沿Y轴逆时针旋转30度，但是有一个很明显的特征，沿X轴扭曲时，和X轴方向平行的中心线长度始终保持不变，和Y轴平行的中心线始终沿着上下两条边运动。 2、skewY(angle)

>>阅读原文<<

1. css3 skew坐标轴
2. CSS3 skew倾斜、rotate旋转动画
3. CSS3-转换之translate
4. CSS3之transform2D转换
5. css3 skew坐标轴笔记
6. CSS3 变形--扭曲 skew ()
7. CSS3中的skew（）属性
8. CSS3 2D转换
9. CSS3 3D转换
10. css3 3D转换
更多相关文章...
• XSLT - 转换 - XSLT 教程
• C# 类型转换 - C#教程
• 互联网组织的未来：剖析GitHub员工的任性之源
• Java Agent入门实战（一）-Instrumentation介绍与使用