Forums

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
    Posts
  • #38301

    http://jsfiddle.net/joshnh/evePU/

    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: http://jsfiddle.net/joshnh/jrFbM/show

    #103759
    chrisburton
    Participant

    Sick UI effects.

    #103762
    Paulie_D
    Member

    Dude…that is excellent!

    I’m TOTALLY stealing that!

    #103771

    This is pretty awesome, very slick effect.

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

    #103773
    Taufik Nurrohman
    Participant

    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?

    #103790

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


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


    @Hompimpa
    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: http://jsfiddle.net/joshnh/eZzv7/

    #103820
    ylc66
    Participant

    waow !

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