<!-- href="この中にリンク先のURLを記載します" -->
<a href="https://homepagenopro.com/" class="btn-img">
  <img src="https://homepagenopro.com/wp-content/uploads/2018/02/d07_btn_on.png" alt="お申込みはこちら">
</a>
/* 基本設定 */
.btn-img{
  border-style: none;
}
/* マウスを乗せたときの動き */
.btn-img:hover{
  opacity: 0.6;
  transition: 0.8s;
}
/* 画像のサイズ指定 */
.btn-img img{
  width: 300px;
  height: auto;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.