","datePublished":"2026-04-03T09:15:38.592Z","dateModified":"2026-04-06T04:17:03.357Z","author":{"@type":"Person","name":"匿名"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://www.prompttree.cn/code/69cf853b152f6da0205e2dfc"}}

Buttons | pruthivithejan horrible emu 23

Buttonshorrible emu1 个文件更新于 2026-04-06
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>

登录后可以查看完整源码、在线编辑并实时预览运行效果。