The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Pure CSS Animated Slide Toggle

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #38301

    Although this is webkit only, I feel as though it is quite an accomplishment; to animate the toggling of a checkbox.

    I would love to see what you guys can come up with.

    EDIT: Here is a mini version, with a range slider:


    Sick UI effects.


    Dude…that is excellent!

    I’m TOTALLY stealing that!


    This is pretty awesome, very slick effect.

    I wish it wasn’t webkit only, I’d definitely be snagging this otherwise.

    Taufik Nurrohman

    Great! When CSS could actually take over the term of input elements that don’t have any room inside it like a

    or tag.

    Are selectboxes can be made like this too?


    Thanks guys. Feel free to take it and do what you like with it.

    The appearance property was removed from CSS3, but it is still present in webkit. Hopefully it will be back with CSS4 and then other browsers will also implement it.

    You can style the select itself, but not the options. You can of course do so with JavaScript. Here is a jQuery select and option skin I did a while ago:


    waow !

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.