Animate.css and text align in image box conflicting:

[jayg-7]

Hello,

On this code pen I have text in a div that I’m trying to animate by fading in and up when the mouse hovers over the box:

http://codepen.io/jaygidwitz/pen/myZXmZ?embed-id=0

But the animate.css code and the text centering code are conflicting, so that the text is no longer centered.

The first code is using translate to center the text in the box, but the animate.css is turning off translate to stop the animation. How do I center the text again but keep the animation?

Thank you! -Jay

[jayg-7]

Excellent! Thank you!
-J

[Author]

Posts