Animation not working on Localhost

[fechy]

Animations doesn't seems to work on localhost in any modern browser.

Using jQuery I tried addClass when hover, clicking, etc. But nothing seems to work.

I'm missing something?

[wldcordeiro]

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

[michaelw90]

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

[wldcordeiro]

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">

[daneden]

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.

[cjroebuck]

+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.

[daneden]

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

[cjroebuck]

Mac for me, thanks

Sent from my iPhone

On 11 Nov 2011, at 07:26, Dan Eden
reply@reply.github.com
wrote:

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

---

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

[daneden]

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.

[cjroebuck]

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!?

[cjroebuck]

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..

[cjroebuck]

Yep works fine with animated class. My bad ;)

[daneden]

Good to know =)