Button by AKAspidey01
#e8e8e8
HTML +TailwindCSS
1<button 2 class="relative border-2 border-black group hover:border-green-500 w-12 h-12 duration-500 overflow-hidden" 3 type="button" 4> 5 <p 6 class="font-Manrope text-3xl h-full w-full flex items-center justify-center text-black duration-500 relative z-10 group-hover:scale-0" 7 > 8 × 9 </p> 10 <span 11 class="absolute w-full h-full bg-green-500 rotate-45 group-hover:top-9 duration-500 top-12 left-0" 12 ></span> 13 <span 14 class="absolute w-full h-full bg-green-500 rotate-45 top-0 group-hover:left-9 duration-500 left-12" 15 ></span> 16 <span 17 class="absolute w-full h-full bg-green-500 rotate-45 top-0 group-hover:right-9 duration-500 right-12" 18 ></span> 19 <span 20 class="absolute w-full h-full bg-green-500 rotate-45 group-hover:bottom-9 duration-500 bottom-12 right-0" 21 ></span> 22</button> 23
1.6K views
1.6K views
MIT License