Buttons | d3uceY dry gecko 28

Buttonsdry gecko1 个文件更新于 2026-04-06
html公开前 25 行,完整代码需登录
<button>
  <div class="overflow">
    <div class="text-container">Merry Christmas</div>
    <svg
      id="christmas-tree"
      viewBox="0 0 512 512"
      data-name="Layer 1"
      xmlns="http://www.w3.org/2000/svg"
      class="christmas-tree christmas-tree-1"
    >
      <path
        d="M285 406.03v88.47a10.004 10.004 0 0 1-10 10h-38a10.004 10.004 0 0 1-10-10v-88.47Z"
        fill="#d88a55"
      ></path>
      <path d="M285 406.03v69.46l-58-59.1v-10.36h58z" fill="#c57a44"></path>
      <circle fill="#fed402" r="22.5" cy="468" cx="370"></circle>
      <path
        d="M383.398 449.925a22.5 22.5 0 0 1-34.796 25.032 22.5 22.5 0 1 0 34.796-25.032Z"
        fill="#fac600"
      ></path>
      <circle fill="#fed402" r="22.5" cy="468" cx="142"></circle>
      <path
        d="M436.67 396.93a819.475 819.475 0 0 1-178.17 20.09 820.131 820.131 0 0 1-164.76-16.15c-6.41-1.29-12.56-2.62-18.45-3.95a8.538 8.538 0 0 1-4.1-2.15 5.655 5.655 0 0 1-.42-.43c0-.01 0-.01-.01-.01a7.541 7.541 0 0 1-.69-.94 9.171 9.171 0 0 1-.52-1.04c-.08-.22-.15-.43-.21-.65a.076.076 0 0 0-.01-.04c-.04-.18-.08-.37-.11-.56a.22.22 0 0 1-.01-.08c-.02-.14-.04-.28-.05-.42a6.602 6.602 0 0 1 0-.89 6.22 6.22 0 0 1 1.75-3.86l.84-.9L240.5 204.21l8.92-9.55a7.823 7.823 0 0 1 .66-.63 9.555 9.555 0 0 1 11.84 0 7.832 7.832 0 0 1 .66.63l106.03 113.56 10.32 11.05 62.16 66.58c3.69 3.96 1.36 9.77-4.42 11.08Z"
        fill="#46cc8d"
      ></path>

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