tailwind spinner

Solutions on MaxInterview for tailwind spinner by the best coders in the world

showing results for - "tailwind spinner"

03 May 2020

1<div class=" flex justify-center items-center">
2  <div class="animate-spin rounded-full h-32 w-32 border-b-2 border-gray-900"></div>
3</div>
4

source

Estelle

14 Jan 2020

1<style>
2  .loader {
3    border-top-color: #3498db;
4    -webkit-animation: spinner 1.5s linear infinite;
5    animation: spinner 1.5s linear infinite;
6  }
7  
8  @-webkit-keyframes spinner {
9    0% { -webkit-transform: rotate(0deg); }
10    100% { -webkit-transform: rotate(360deg); }
11  }
12  
13  @keyframes spinner {
14    0% { transform: rotate(0deg); }
15    100% { transform: rotate(360deg); }
16  }
17  </style>
18  <div class=" flex justify-center items-center">
19  <div class="loader ease-linear rounded-full border-8 border-t-8 border-gray-200 h-32 w-32"></div>
20</div>

source