On: Radiobox.css – Tiny set of CSS3 animations meant for your radio inputs

[blowski]

Good demo, by the way, though I might suggest:

* making it more obvious that it's a CSS-only solution (which is a very good thing)

* showing how to add them - i.e. you just include a CSS file and add a class to the label

* show which browsers are supported, including touchscreens

And possibly a feature request: can you animate as an event? For example, I might want to draw attention to a radio element without checking it.

[qaq → blowski]

Pointing out it's not 720kb in size :)

[720kb → qaq]

Fortunately i'd say ;P

[720kb → blowski]

Hi, thanks for the suggestions, all very smart. For events what do you mean? You could always trigger checked by javascript or jquery or whatever :)

[blowski → 720kb]

So I could so something like:

    $('.focus').prop('checked', true);

But if I wanted to attract attention to the radio box, the only way of animating it with this library would be to check it, and that might cause problems if I've got listeners for the 'change' event. So if I could just do something like:

    $('.focus').addClass('bounce'); 

that would be nice.

[720kb → blowski]

Oh, understood what you mean, you could use the animation name, it's included in the CSS files.

Just: .my-class{ animation: boing 2s etc...}