You can view the real version here on Dropbox. It's an Apple wireless keyboard! Click on the paper and start typing, the keys will depress :). It heavily abuses the css3 box shadow attribute ha. It's a work in progress, and I could do a ton more with it. But I felt like sharing it today. Enjoy!
about 2 years ago
That's simply amazing.
Thanks guys :).
Absolutely Outstanding! It would be even better if it typed onscreen!
@Jake I'm actually wanting it to. It would be nifty if when someone clicked a key, it would depress and the letter would appear above on the paper ha.
Truly amazing work.
fan-freakin-tastic dude. just tweeted about it via @particleteam.
Sweet, Thanks Cole! :D and thanks for the compliments guys.
wat that is awesome man :)
Marvelous! Why not use CSS3 gradient to replace the background image and have the entire thing made only with CSS. Kudos, mate!
@Natan, I thought about that, but I could see a drastic different in the browser rendered gradient, and using a background with one pre-rendered. So I went with the latter, purely for aesthetic reasons. :p
Ha yeah. I mean it just looked better in general with the gradient from photoshop :P. The one the browsers were rendering wasn't as well dithered as the background image. So I went with the latter ha.
Maybe you should try creating it with this tool:
Neat stuff! Now you just need the correct font on it ;)
This isn't a picture?? :O
Haha nope. It actually works :p.
over 1 year ago
by Dustin Cartwright
over 1 year ago
Great idea, awesome man. :-)
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