<div class="bg-gray-200 w-full min-h-screen flex justify-center items-center">
  <div class="flex min-h-screen w-full items-center justify-center bg-gray-200">
    <div class="flex h-14 w-14 items-center justify-center rounded-full bg-gradient-to-tr from-indigo-500 to-pink-500 animate-spin">
      <div class="h-9 w-9 rounded-full bg-gray-200"></div>
    </div>
  </div>
</div>
Run Pen

External CSS

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

External JavaScript

This Pen doesn't use any external JavaScript resources.