How to apply tailwind gradient diagonally?

Question

What if I want to use gradient diagonally as shown in the image? Is there any way to select an angle while applying a gradient?

Answer 1

YOu can use the gradient lass of tailwind css like this.

Below is the example

<script src="https://cdn.tailwindcss.com"></script>
<div class="h-96 w-96 bg-gradient-to-tl from-slate-200 via-rose-100 to-purple-300"></div>