【ボタンテスト】ホバーでテキスト切り替え

ボタンホバーでテキスト切り替え

表示

テキスト
テキスト

タグ

<button data-text="スタート">テキスト</button>
<button data-text="終了">テキスト</button>

css

button:hover {
  text-indent: -5px;
}
button:hover:after {
  content: attr(data-text)"";
}

参考

qiita.com