如何用 CSS 弯曲三角形的斜边 [英] How to Curve the hypotenuse of a triangle with CSS

问题描述

我想用 CSS 弯曲这个三角形 div/background 的斜边，所以结果是这样的:

I would like to curve the hypotenuse side of this triangle div/background with CSS, so the result is something like this:

推荐答案

background can do it:

background can do it:

.box {
  width: 200px;
  height: 150px;
  background: radial-gradient(180% 180% at right -65% top -65%, transparent 99%, red )
}

<div class="box"></div>

这篇关于如何用 CSS 弯曲三角形的斜边的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！