Loader by Amerss
#e8e8e8
HTML +TailwindCSS
1<div 2 class="mx-auto w-[500px] bg-gray-950 rounded-xl overflow-hidden drop-shadow-xl" 3> 4 <div class="bg-[#333] flex items-center p-[5px] text-whitec relative"> 5 <div class="flex absolute left-3"> 6 <span class="h-3.5 w-3.5 bg-[#ff605c] rounded-xl mr-2"></span> 7 <span class="h-3.5 w-3.5 bg-[#ffbd44] rounded-xl mr-2"></span> 8 <span class="h-3.5 w-3.5 bg-[#00ca4e] rounded-xl"></span> 9 </div> 10 <div class="flex-1 text-center text-white">status</div> 11 </div> 12 <div class="p-2.5 text-[#0f0]"> 13 <div> 14 <span class="mr-2">Loading</span> 15 <span class="animate-[ping_1.5s_0.5s_ease-in-out_infinite]">.</span> 16 <span class="animate-[ping_1.5s_0.7s_ease-in-out_infinite]">.</span> 17 <span class="animate-[ping_1.5s_0.9s_ease-in-out_infinite]">.</span> 18 </div> 19 </div> 20</div> 21
392 views
392 views
MIT License