Hover Border Animation

This CSS library includes selection of animated border styles to choose from. These are applied by adding a border style class to the <figure> tag of your image hover element. In the following example we are applying the c4-border-vert border hover effect.

<figure class="c4-izmir c4-border-vert">
  <img src="https://source.unsplash.com/WLUHO9A_xik/400x300" alt="Sample Image">
  <figcaption>
    // Caption text
  </figcaption>
</figure>

Border Classes

Sample Image
Sample Image
Sample Image
Sample Image
Sample Image
Sample Image
Sample Image
Sample Image
Sample Image
Sample Image
Sample Image
Sample Image
Sample Image
Sample Image
Sample Image
Sample Image
Sample Image
Sample Image
Sample Image
Sample Image