Button by shadowfax29
This button was created for Button Frenzy: Tailwind Edition
#e8e8e8
HTML +TailwindCSS
1 2<button class="relative text-neutral-300 cursor-pointer w-28 h-28 bg-purple-300 rounded-full flex justify-center items-center text-neutral-400 transition duration-300 shadow-lg shadow-purple-400 active:shadow-none active:translate-y-1.5"> 3 <div class="relative -top-[1px] cursor-pointer w-24 h-24 bg-purple-300 rounded-full border-8 border-white"> 4 <div class="w-3 h-3 bg-purple-800 rounded-full relative top-5 left-5"></div> 5 <div class="w-3 h-3 bg-purple-800 rounded-full relative top-2 left-12"></div> 6 <div class="w-3 h-3 bg-purple-800 rounded-full relative top-5 left-5"></div> 7 <div class="w-3 h-3 bg-purple-800 rounded-full relative top-2 left-12"></div> 8 </div> 9 10</button> 11 12
592 views
592 views
MIT License