Button hover

  •  <button class="b1">Touch Me</button>
  •  <button class="b2">Touch Me</button>
  •  <button class="b3">Touch Me</button>
  •  <button class="b4">Touch Me</button>
  •  <button class="b5">Touch Me</button>
  •  <button class="b6">Touch Me</button>
  •  <button class="b7">Touch Me</button>
  •  <button class="b8">Touch Me</button>
  •  <button class="b9">Touch Me</button>
  •  <button class="b10">Touch Me</button>
  •  <button class="b11">Touch Me</button>
  •  <button class="b12">Touch Me</button>
  •  <button class="b13">Touch Me</button>

Button hover with text change

  • <button class="bt1">
    <span class="before">Submit</span>
    <span class="after">Done</span>
    </button>
  • <button class="bt1">
    <span class="before">Submit</span>
    <span class="after">Done</span>
    </button>
  • <button class="bt1">
    <span class="before">Submit</span>
    <span class="after">Done</span>
    </button>
  • <button class="bt1">
    <span class="before">Submit</span>
    <span class="after">Done</span>
    </button>
  • <button class="bt1">
    <span class="before">Submit</span>
    <span class="after">Done</span>
    </button>
  • <button class="bt1">
    <span class="before">Submit</span>
    <span class="after">Done</span>
    </button>
  • <button class="bt1">
    <span class="before">Submit</span>
    <span class="after">Done</span>
    </button>
  • <button class="bt1">
    <span class="before">Submit</span>
    <span class="after">Done</span>
    </button>
  • <button class="bt1">
    <span class="before">Submit</span>
    <span class="after">Done</span>
    </button>
  • <button class="bt1">
    <span class="before">Submit</span>
    <span class="after">Done</span>
    </button>
  • <button class="bt1">
    <span class="before">Submit</span>
    <span class="after">Done</span>
    </button>
  • <button class="bt1">
    <span class="before">Submit</span>
    <span class="after">Done</span>
    </button>
  • <button class="bt1">
    <span class="before">Submit</span>
    <span class="after">Done</span>
    </button>
  • <button class="bt1">
    <span class="before">Submit</span>
    <span class="after">Done</span>
    </button>
  • <button class="bt1">
    <span class="before">Submit</span>
    <span class="after">Done</span>
    </button>
  • <button class="bt1">
    <span class="before">Submit</span>
    <span class="after">Done</span>
    </button>