Hover FX for Portfolio Gallery

Hey Justin,
Thanks for the links to your site, try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#av-sc-portfolio-1 .grid-image img:hover {
animation: slowscalein 1s;
animation-fill-mode: forwards;
}
#av-sc-portfolio-1 .grid-image img {
animation: slowscaleout 1s;
}
@keyframes slowscalein {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }
}
@keyframes slowscaleout {
  0% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
I don’t recall the last time this was requested, I didn’t have this in my bag of tricks I just whipped it up :)
Assuming this helped, shall we close this then?

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike