W3C home > Mailing lists > Public > www-style@w3.org > April 2013

[css3-animations] Applying an animation to text wrapped in spans

From: irfan mir <theirf@gmail.com>
Date: Sun, 14 Apr 2013 01:41:28 -0400
Message-ID: <CAMPj_RoA9gDB-dp2nAxuEnBtYyvbbrnqZ_ru+Owwk4avnaoRCQ@mail.gmail.com>
To: "www-style@w3.org" <www-style@w3.org>
I apologise if I've been asking for too much help recently, but I thought
to myself who better to ask questions than the WG especially when few on
the interent even attempt to solve these issues.

Anyway, I'm trying to apply an animation on click. I'm handling the click
event with jQuery, which add a class that the animation is applied to.

The class addition works fine, but the animation doesn't happen.

At first I thought it was because the spans are inline, but setting them to
inline-block doesn't solve the issue.

Does anyone have any idea why this animation is not taking place when
applied to text wrapped in spans?

Here is a JSFiddle recreating the problem:

Thanks in Advance,
Irfan Mir
Received on Sunday, 14 April 2013 05:41:56 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:28 UTC