Hover Image Effects

Hover Image Effects

Simple overlay effects for your images. Combine them in any way that you wish so you can achive some unique effects for your design.

Hover Color

{overlay
  image="images/portfolio/print/print-2.jpg"
  link="images/portfolio/print/print-2.jpg"
  lightbox="image"
  overlay="overlay-bg bg-color-success"
  iconcolor="#ffffff"
}

Transparency

{overlay
  image="images/portfolio/print/print-2.jpg"
  link="images/portfolio/print/print-2.jpg"
  lightbox="image"
  imgclass="img-transparency"
  iconcolor="#ffffff"
}

Zoom Image

{overlay
  image="images/portfolio/print/print-2.jpg"
  link="images/portfolio/print/print-2.jpg"
  lightbox="image"
  imgclass="img-zoom"
  iconcolor="#ffffff"
}

Combined Styles

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.