如何绘制对角线div？
使用者服务
如何div在CSS中绘制对角线？Google只揭示了如何绘制对角线“”，但我不明白如何将其用于div。
在下面的图片中，蓝色部分是div：
哈希笔
您可以使用CSS3转换 skewY()函数，其父级值为正，子包装元素的值为负。
.parent {
-webkit-transform: skewY(-5deg);
-moz-transform: skewY(-5deg);
-ms-transform: skewY(-5deg);
-o-transform: skewY(-5deg);
transform: skewY(-5deg);
}
.parent > .child {
-webkit-transform: skewY(5deg);
-moz-transform: skewY(5deg);
-ms-transform: skewY(5deg);
-o-transform: skewY(5deg);
transform: skewY(5deg);
}
工作演示。
从规格：
skewY()指定沿Y轴按给定角度的2D倾斜变换。
值得注意的是，usingskewY()不会改变转换后元素的宽度。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何使用CSS绘制对角线
- 2
如何制作对角线div
- 3
如何制作对角线div
- 4
如何使用MSChart对角线绘制带状线？
- 5
如何用对角线和对角线文本绘制HTML表？
- 6
如何用对角线和对角线文本绘制HTML表？
- 7
使用CSS在div背景中绘制对角线
- 8
如何绘制线性渐变的完美对角线
- 9
如何绘制线性渐变的完美对角线
- 10
如何在Graphviz中绘制对角线边缘
- 11
对角线div与图像
- 12
div 顶部的对角线
- 13
如何用对角线div制作形状？
- 14
用对角线绘制UIView？
- 15
用Java绘制对角线
- 16
绘制我的matplotlib散点图的对角线？
- 17
通过<div>或<span>的对角线
- 18
如何对角线分割图像？
- 19
如何检查主教的空对角线？
- 20
如何找到对角线值
- 21
如何在控制台中绘制带有对角线的空心矩形
- 22
在html5中绘制对角线
- 23
在 Android 中只绘制水平、垂直和对角线
- 24
视线对角线
- 25
映射对角线
- 26
如何使对角线和反向对角线与2D矩阵中的点交叉？
- 27
如何填充对角线并忽略R中矩阵的对角线？
- 28
如何创建div，其内容将始终被对角线划掉？
- 29
用对角线分割两个div文本
我来说两句