下划线延伸 hover动效按钮

Button1 个文件更新于 2026-04-06
html共 18 行
<button>
  <p>按钮</p>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    class="h-6 w-6"
    fill="none"
    viewBox="0 0 24 24"
    stroke="currentColor"
    stroke-width="4"
  >
    <path
      stroke-linecap="round"
      stroke-linejoin="round"
      d="M14 5l7 7m0 0l-7 7m7-7H3"
    ></path>
  </svg>
</button>

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