Figured I'd expand the tutorial for use on the web. You can see the demo live here: http://ianstormtaylor.com/experiments/striped-shadow/
It only works in Webkit browsers, and you'd have to make a fallback in others.
over 2 years ago
That's awesome, I didn't know about the -webkit-background-clip property!
Nice! I mostly just fall back to solid shadows of a lighter color for other browsers. Usually fits stylistically.
Nice effect, to bad the web solution doesn't work in Firefox ;)
Yeah it's frustrating, but falling back to a solid shadow like Justin said is a pretty easy and viable solution.
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