<p>bg-gradient-to-tr</p>
<div class="bg-gradient-to-tr from-blue-600 to-red-500 w-full h-24 block"></div>
<p>bg-gradient-to-br</p>
<div class="bg-gradient-to-br from-blue-600 to-red-500 w-full h-24 block"></div>
<p>bg-gradient-to-bl</p>
<div class="bg-gradient-to-bl from-blue-600 to-red-500 w-full h-24 block"></div>
<p>bg-gradient-to-tl</p>
<div class="bg-gradient-to-tl from-blue-600 to-red-500 w-full h-24 block"></div>

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/1.8.10/tailwind.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.