<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>
This Pen doesn't use any external JavaScript resources.