Once again, this is webkit only (currently).
If you want to click and slide, you can do so here: http://jsfiddle.net/jrFbM/show
I would love to see what you can come up with.
over 1 year ago
You crazy bastard.
Pure CSS = Pure Awesomeness :)
so sick... love it!
WOW. Love It
Sexay Josh, really sexay. I actually wanted to continue with the redesign of my website but now I have to play with these two checkboxes and this slider the rest of the day.
really awesome work, great job!
You brilliant bastard! Well done!
Love it, Joshua! :)
I loved the mouse cursor when you go hover the slider. Good UX :)
@Joshua Hibbert did it again! Great stuff!
Thank you very much!
Great job !
Thanks, Dhiren :)
And here is my version that works even in IE :)
Great detail in the UI. I particularly like that the buttons seem raised which looks completely natural.
I right clicked to "Inspect Element" in Chrome, and i love unclicking/clicking the checked boxes to see how you pulled it off.
@Zach Roszczewski Haha :D
@John Choura Jr. Thanks!
I've seen this a long time ago, and this is one of the thing which convinced me that CSS 3 is awesome. And now, I'm still sad that we can't style properly slider inputs except on WebKit.
Amazing work anyway Joshua. :)
@Hugo Giraudel Thank you very much!
Hi man! Do you freelancing? I need to PSDtoHTML this http://cl.ly/image/0e1d210X1Z1b/o (WIP) with cool JS to win http://www.awwwards.com
Is it interesting for u? My skype maxim.andrey
@Andrey Maxim I don't currently have any free time to dedicate to freelancing. Sorry, mate.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter