<section>
  <h2>【　ホバーアクション　モノクロからカラーに　】</h2>
  <div class="wrapper">
    <ul>
      <li><a href=""><img src="img/img006.jpg" alt="ホバーアクション　モノクロからカラーに"></a></li>
      <li><a href=""><img src="img/img010.jpg" alt="ホバーアクション　モノクロからカラーに"></a></li>
      <li><a href=""><img src="img/img017.jpg" alt="ホバーアクション　モノクロからカラーに"></a></li>
    </ul>
  </div>
</section>

#HoverAction-01 img {
  filter: grayscale(100%); /*モノクロ具合を変更したい場合はこの数値を変更*/
  transition: .2s ease-in-out; /*移り変わる速さを変更したい場合はこの数値を変更*/
}
#HoverAction-01 img:hover {
  filter:grayscale(0);
}