Buttons | pruthivithejan horrible emu 23
html共 20 行
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<div class="w-screen h-screen bg-[#fafafa]">
<div class="flex justify-center items-center gap-12 h-full">
<div
class="bg-gradient-to-b from-stone-300/40 to-transparent p-[4px] rounded-[16px]"
>
<button
class="group p-[4px] rounded-[12px] bg-gradient-to-b from-white to-stone-200/40 shadow-[0_1px_3px_rgba(0,0,0,0.5)] active:shadow-[0_0px_1px_rgba(0,0,0,0.5)] active:scale-[0.995]"
>
<div
class="bg-gradient-to-b from-stone-200/40 to-white/80 rounded-[8px] px-2 py-2"
>
<div class="flex gap-2 items-center font-sans">
<span class="font-semibold">Get Started</span>
</div>
</div>
</button>
</div>
</div>
</div>