弧形切角

Posted qiusu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了弧形切角相关的知识,希望对你有一定的参考价值。

技术图片

width:200px;

height:150px;

background:  radial-gradient(circle at bottom right, transparent 15px, aqua 0) bottom right,

      radial-gradient(circle at bottom left, transparent 15px, aqua 0) bottom left,

      radial-gradient(circle at bottom left, transparent 15px, aqua 0) bottom left,

      radial-gradient(circle at bottom right, transparent 15px, aqua 0) bottom right;

background-size: 50% 50%;

background-repeat:no-repeat;

以上是关于弧形切角的主要内容,如果未能解决你的问题,请参考以下文章

需要背景图片时如何用 CSS 切角?

css 一口气实现切角+边框+投影+内容背景色渐变

css 一口气实现切角+边框+投影+内容背景色渐变

使用 CSS 切角

切角矩形区域与六边形区域

将图像设置为 100% 高度和宽度的 div 上的切角