Here's a technique I find myself using more often these days for CSS gloss overlays. Plus, it's a kitten. That gets extra likes, right?
over 1 year ago
a kitten? extra likes? Ugh, I flagged this as 'inappropriate'! :P
Haha, just kidding. That's a great technique man! It's for sure I'll keep this in mind! ;)
Btw. There is no gloss in Firefox :)
@Ermin Čeliković how about now? :)
@Dan How 'bout a .png fallback if gradients or svg aren't supported? (Crazy, right?).
Definitely gonna keep this in mind for future projects.
@Louis not really scalable or anything. And where's the fun in that?
@Dan So true. :)
A 1000 x 1000 gloss overlay with background-position: center center; does the trick too, but this is way fancier! :D
Used this in the SA build, amirite?
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