<p>bg-gradient-to-t</p>
<div class="bg-gradient-to-t from-blue-600 via-teal-500 to-purple-500 w-full h-24 block"></div>
<p>bg-gradient-to-r</p>
<div class="bg-gradient-to-r from-blue-600 via-teal-500 to-purple-500 w-full h-24 block"></div>
<p>bg-gradient-to-b</p>
<div class="bg-gradient-to-b from-blue-600 via-teal-500 to-purple-500 w-full h-24 block"></div>
<p>bg-gradient-to-l</p>
<div class="bg-gradient-to-l from-blue-600 via-teal-500 to-purple-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.