作者:冠臻祥勇8522 | 来源:互联网 | 2023-02-08 15:51
我正在尝试在CSS中创建一个三角形,它使父级的整个宽度具有固定的高度.
我用这样的线性渐变成功地做到了这样:
.triangle {
width: 100%;
height: 120px;
background: linear-gradient(to right bottom, blue 50%, transparent 50%);
}
但对角线看起来并不清晰.如何在不使用渐变的情况下在CSS中执行相同的操作?
1> G-Cyr..:
你可以稍微模糊边缘
.triangle {
width: 100%;
height: 120px;
background: linear-gradient(to right bottom, blue 49.5%, transparent 50%);
}