如何赋予渐变并使其成为半圆？

Answer 1

使左角半径为

999px

通过

rounded-l-full

。另外，对于真正的半圆，您希望宽度是高度的一半。

<script src="https://cdn.tailwindcss.com/3.4.5"></script>

<div
  class="w-48 h-96 opacity-40 rounded-l-full"
  style="background: linear-gradient(73.4deg, rgba(16, 134, 144, 0.4) 3.31%, rgba(82, 190, 199, 0.4) 57.52%, rgba(252, 207, 18, 0.4) 91.12%)"
></div>