Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 22, 2013 at 1:50 pm #191827
    der_mueller

    Hello i would like to change that hoover effect on the images of the portfolio grid. How do i get the overlay more transparent and delete the icon that ist displayed on mooseover.

    Is it possible to zoom in that image on mouseover. With a animation that zooms in, not just showing another more zoomed image.

    Cheers,
    Markus

    November 24, 2013 at 5:49 am #192416
    Josue

    Hey Markus!

    Add this code to the Quick CSS:

    .grid-image.avia-hover-fx img{
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    transition: all linear 0.2s;
}
.grid-image.avia-hover-fx{
    overflow: hidden !important;
}
.grid-image.avia-hover-fx:hover img{
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform: scale(1.5);
}
.image-overlay.overlay-type-extern {
    display: none !important;
}

    Cheers!
    Josue

    November 25, 2013 at 1:55 am #192705
    der_mueller

    Hi Josue,
    this works great. :-)
    Thank you.

    Just in Case, how do i get the normal “fading” a little bit less?

    Cheers,
    Markus

    November 25, 2013 at 2:13 am #192716
    Josue

    Hi!

    In js/avia.js, line 452.

    Regards,
    Josue

    November 25, 2013 at 12:24 pm #192900
    der_mueller

    Hi Josue,
    thanx.

    Cheers,
    Markus

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Portfolio Grid Hoover Effect’ is closed to new replies.