如何在顺风的情况下从一侧制造阴影

Question

我想让阴影只从一侧，从右边顺风。如果我使用shadow-xl，它会将阴影添加到所有的边。

Answer 1

您可以通过为阴影添加任意值来实现这些。

<div class="relative h-screen bg-red-50">
<div class="absolute inset-20 h-12 w-36 rounded-lg bg-indigo-500 shadow-[rgba(0,0,15,0.5)_10px_5px_4px_0px]">shadow</div>
</div>

这是一个现场演示。我希望这对你有帮助。