你可以把白色的一盒半箱盖，但这是不透明的，背景也发生了变化，有必要改变盒盖的颜色或背景是逐渐变化的，比较麻烦，或背景图片等，只要不是太好的变化，这种方法有一定的局限性。当这是说：盖的部分是不透明的，适应性不强。
本文介绍了一种具有径向梯度的凹角，它可以解决这个问题，可以用CSS生成背景的透明凹角。
1。基本的线性梯度
{ div
身高：100px；
宽度：200px；
背景图像：线性梯度（90度，红色，蓝色）；
}
从左至右红色到蓝色
2。加坡度范围的百分比调整
{ div
身高：100px；
宽度：200px；
背景图像：线性梯度（90度，红20%，蓝80%）；
}
三.浓度梯度范围直至重叠，形成红色和蓝色分隔的两个色块。
{ div
身高：100px；
宽度：200px；
背景图像：线性梯度（90度，红50%，蓝50%）；
}
4。颜色是透明的颜色，透明的，变成红色的透明的颜色，你只能看到蓝色。
{ div
身高：100px；
宽度：200px；
背景图像：线性梯度（90度，透明50%，蓝50%）；
}
5。相似性与径向梯度有关，这也降低了梯度，直到重叠，中心附近的颜色被设置为透明。
径向主梯度
{。径向
身高：100px；
宽度：100px；
背景：径向渐变（透明50%，蓝色50%）；
}
6。径向梯度是半径中心的位置。因此，当我们把左上角的左上方，调整半径的大小是200px，我们可以看到，实现透明背景的凹形角。
应用程序可以用伪元素设置，然后使用绝对定位，父子相位，调整位置，组合成理想效果。
径向主梯度
{。raidal1
身高：100px；
宽度：100px；
背景：径向渐变（左上方，200px透明50%，蓝50%）；
}
7。相同的四个方向，调整中心位置。
在左边/ **
{。raidal1
身高：100px；
宽度：100px；
背景：径向渐变（左上方，200px透明50%，蓝50%）；
}
在右边
{。raidal2
身高：100px；
宽度：100px；
背景：径向渐变（右上方，200px透明50%，蓝50%）；
}
右/ ***
{。raidal3
身高：100px；
宽度：100px；
背景：径向渐变（在右下角，200px透明50%，蓝50%）；
}
左下方/ ***
{。raidal4
身高：100px；
宽度：100px；
背景：径向渐变（左下，200px透明50%，蓝50%）；
}
8。同样，不需要这样的圆角，也可以是椭圆，半径的两个参数，也就是椭圆。
在左边/ **
{。椭圆
身高：100px；
宽度：100px；
背景：径向渐变（200px 300px在左上方，透明50%，蓝50%）；
}
径向梯度有许多参数。你可以自己调整一下。这里有各种各样的奇形怪状的东西，而这个凹角就够了。
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。
