CSS Animated Slide Toggle
jsfiddle.net
CSS Animated Slide Toggle
1–10 of 26 posts
Re: CSS Animated Slide Toggle
#2Very cool... in Webkit browsers. It's a shame few (if any) other browsers allow you to customize a checkbox this way.
Nonetheless, nice work on theming a native checkbox so well. I'd love to use it if it were cross-browser compatible.
Re: CSS Animated Slide Toggle
#3Very cool... in Webkit browsers. It's a shame few (if any) other browsers allow you to customize a checkbox this way. Nonetheless, nice work on theming a native checkbox so well. I'd love to use it if it were cross-browser compatible.
At a first glance, many of the -webkit-* rules in that project's CSS are implemented in other browsers, such as current versions of Opera and Firefox.
It looks like it's relying on the webkit-only "-webkit-appearance" property, as you can see here: http://jsfiddle.net/DArcMattr/uhwQp/1/show/
edit: added an attempt at making it cross-browser
Re: CSS Animated Slide Toggle
#4Just a suggestion: I was annoyed when I first tried to drag the slider. I figured out you have to click it instead, but some users may just quit first.
Re: CSS Animated Slide Toggle
#5Just a suggestion: I was annoyed when I first tried to drag the slider. I figured out you have to click it instead, but some users may just quit first.
yeah, i did the same thing. maybe have both options available, or even when someone visits the site on a mobile device then the click n drag feature is enabled.
Re: CSS Animated Slide Toggle
#6Just a suggestion: I was annoyed when I first tried to drag the slider. I figured out you have to click it instead, but some users may just quit first.
I agree. If you're going for skeuomorphism you should take it all the way in terms of manipulating 3D elements.
Re: CSS Animated Slide Toggle
#7It's really hard to use on the iPad, it doesn't behave how one might expect, click it makes the window zoom, clicking a second time slides the toggle. Sliding the toggle does nothing.
Re: CSS Animated Slide Toggle
#8That's nice
Re: CSS Animated Slide Toggle
#9Thought it wasn't so cool until I checked it out to see that this entire thing is a single , not even an image in sight. Great job. It'd be cool to see as a light-switch that did something with page contrast.
Re: CSS Animated Slide Toggle
#10Just a suggestion: I was annoyed when I first tried to drag the slider. I figured out you have to click it instead, but some users may just quit first.
You can drag it, you just can't end the drag motion outside of the dongle area. Took me a few tries to figure that out myself.