CodePen Embed - CSSで画像ボタンのオンオフ切り替え

<a href="https://homepagenopro.com/"　>
  <div class="btn-img">
  </div>
</a>

.btn-img{
  background: url(https://homepagenopro.com/wp-content/uploads/2018/02/d07_btn_off.png) no-repeat 0 0;
  background-size: 100%;
  margin: 0 auto;
  max-width: 750px;
  height: 122px;
  transition: 0.4s;
}
.btn-img:hover{
  background: url(https://homepagenopro.com/wp-content/uploads/2018/02/d07_btn_on.png) no-repeat 0 0;
  background-size: 100%;
  cursor: pointer;
}

This Pen is owned by maitake on CodePen.

See more by @maitake on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.