Animation not working on Localhost about animate.css HOT 12 CLOSED

I'll test this out for myself and see if I have the same issue. Have you checked your urls?

from animate.css.

Post your HTML code, and I'm sure we could help, I've not had any problems using it locally.

from animate.css.

Yeah, I tested it and I'm getting the same results as michaelw90, if anything this is some user error rather than the file.

Make sure to have this line in your tag (though with the %path-to% either replaced with the path, or just using a relative path.)

 <link rel="stylesheet" type="text/css" href="%path-to%/animate.css">

My personal tag is done like

<link rel="stylesheet" type="text/css" href="css/animate.css">

from animate.css.

I'm assuming this is an incorrect path of some sort. The animations have been tested on Chrome, Firefox, Safari and iOS both locally and remotely. Check your web inspector for errors.

from animate.css.

+1: cannot get it working on localhost in dev chrome and latest safari. When I add an animate class to an element I can see the animate.css class styles are being applied in web inspector (it is definitely being loaded, path is correct and tag is exactly the same as above), yet no animation actually takes place.

from animate.css.

Ok, I'll take a look into it. Mac or Windows?

from animate.css.

Mac for me, thanks

Sent from my iPhone

On 11 Nov 2011, at 07:26, Dan Eden
[email protected]
wrote:

Ok, I'll take a look into it. Mac or Windows?

---

Reply to this email directly or view it on GitHub:
#15 (comment)

from animate.css.

Wait a second, are you applying a class of 'animated' or declaring the duration etc yourself? The classes only call the animation names - you have to add 'animated' or declare the duration, timing function etc yourself.

from animate.css.

I'm just applying a class of e.g 'shake' or 'flipy' etc... I just did
it how the example was? Did I miss something obvious!?

from animate.css.

Yep I just re-read the docs, didn't notice the animated class first
time, just read the top part where it says simply add the class name
to your element. Silly me! Let me try again when I'm back at my
laptop..

from animate.css.

Yep works fine with animated class. My bad ;)

from animate.css.

Good to know =)

from animate.css.