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

Style Switcher

This Demo Panel show only a minimum of the huge available Backend Options of this Theme


Multipage • Light • Wide Multipage • Dark • Wide Multipage • Light • Boxed Multipage • Dark • Boxed
Show Onepage Version