#d6e2e4
HTML +TailwindCSS
1<button class="cursor-pointer select-none text-[4rem] font-bold text-slate-100 relative group text-center flex justify-center"> 2 <div class="absolute top-[6px] text-neutral-400 transition duration-300 drop-shadow-lg group-hover:drop-shadow-md group-active:drop-shadow-none">boop!</div> 3 <div class="absolute top-[5px] text-neutral-300">boop!</div> 4 <div class="absolute transition duration-300 transform group-hover:translate-y-1 group-active:translate-y-1.5">boop!</div> 5 6 <div class="dont-mind-me opacity-0">boop!</div> 7</button> 8
478 views
478 views
Comments
MIT License