Team – Tile Animation

[aniavanian]

Is there a way to reverse the animation of the tile?
So if the tile starts of as a full tile image, and on hover the image gets smaller to reveal the content of the tile. Is there a way to reverse it so that the tile starts off with the small image centered, with the content around it, and zooms in to the image on hover?

http://themeforest.net/item/dante-responsive-multipurpose-wordpress-theme/full_screen_preview/6175269

Thank you!!

Ani

[Kyle – SUPPORT]

Hi

Try adding this to your custom css:

.team-member figure.gallery-style img {
  transform: scale(0.4);
}
.team-member figure.gallery-style figcaption {
  transform: scale(1);
  opacity: 1;
}
.team-member figure.gallery-style:hover img {
  transform: scale(1);
}

– Kyle

[aniavanian]

Hi Kyle, thanks so much for the quick reply.
I added it into the custom code area, and I don’t actually see any changes.
Anything else I could try to do?

Thanks,
Ani

[Kyle – SUPPORT]

I tested on my demo and it works, please provide me with your link and login so that I can look into it

– Kyle

[aniavanian]

Is there a way to send you this info as a private message?

[Kyle – SUPPORT]

This reply has been marked as private.

[aniavanian]

This reply has been marked as private.

[Kyle – SUPPORT]

Fixed 🙂 Just needed to add the -webkit- and -moz- properties

– Kyle

[aniavanian]

Kyle you’re awesome.
Is there any way to make the image zoom-in less?
(I didn’t realize that now on hover, the social media buttons get blocked.) So could we control the image container size?

Thanks again!!!!

(EDIT: I attached a screenshot)

[Kyle – SUPPORT]

Please check now 🙂

– Kyle

[aniavanian]

Rockstar!
Thank you!!!
Love the theme so far. Amazing work.

[Kyle – SUPPORT]

No problem 🙂