search

animate-css / animate.css

🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
https://animate.style/
Other
80.61k stars 16.23k forks source link

Positioning issue with some effects #660

Closed Legends closed 7 years ago

Legends commented 7 years ago

I just played around with bootstraps popover and thought why not animate it. So it works fine with many effects like bounce, but not with pulse and several others more.

I have to create an additional css class to fix the positioning: jsBin

warengonzaga commented 7 years ago

Probably it is a bug... I guess they have conflict in CSS part.

warengonzaga commented 7 years ago

Be careful and using Animate.css with other libraries mostly in CSS. Like on GSAP I had a trouble in using both css and gsap at the same time and they had conflict in some aspect and pars of animation. You should base your element on how the animation created for animate.css.

Waren | Animate.css Enthusiast

eltonmesquita commented 7 years ago

Animate.css uses mostly transforms and opacity to do its magic, if Bootstrap or any other style in the page is setting one of those things in the element, you're going to have some sort of problem.

Closing the issue as this seems stale anyway.