CSS

【CSS】シンプルなホバー効果Simple hover effect

December 8, 2016
simple hover effect

Simple hover effectは非常にシンプルなホバー効果。

HTML

<link rel="stylesheet" href="css/main.css">

    <div class="hover1">
      <h3>Hover Effect</h3>
      <span class="glyphicon glyphicon-heart"></span>
      <span class="glyphicon glyphicon-plus"></span>
    </div>
    <div class="hover2"></div>
    <div class="hover2"></div>
    <div class="hover3"></div>
    <div class="hover4"></div>
    <div class="hover5"></div>