<!-- at_bottom -->
<div class="w-52 h-52 rounded-full bg-[conic-gradient(at_bottom,_var(--tw-gradient-stops))] from-purple-600 via-pink-600 to-blue-600"></div>

<!-- at_right -->
<div class="w-52 h-52 rounded-full bg-[conic-gradient(at_right,_var(--tw-gradient-stops))] from-purple-600 via-pink-600 to-blue-600"></div>

<!-- at_left -->
<div class="w-52 h-52 rounded-full bg-[conic-gradient(at_left,_var(--tw-gradient-stops))] from-purple-600 via-pink-600 to-blue-600"></div>

<!-- at_bottom_right -->
<div class="w-52 h-52 rounded-full bg-[conic-gradient(at_bottom_right,_var(--tw-gradient-stops))] from-purple-600 via-pink-600 to-blue-600"></div>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdn.tailwindcss.com