Hover

text hover effects

How to use

include styling file

<link rel="stylesheet" href="dist/css/hover.css">

HTML markup

<figure class="hover effect-1">
  <div class="hover-image" style="background-image: url('src/img/image-15.jpg')" alt=""></div>
  <h2 class="hover-title">Awesome title</h2>
  <figcaption class="hover-caption">
    <p>...</p>
  </figcaption>
</figure>

you have 18 deferent effects you can view them in examples

License

MIT

Copyright (c) 2017 Baianat