CSS Gloss Overlay

10 Responses

1. Dan Eden

   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?

   Free HTML!

   about 1 year ago

2. Pro Thom

   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! ;)

   2likes

   about 1 year ago

3. Ermin Čeliković

   Looks great!
   Btw. There is no gloss in Firefox :)

   about 1 year ago

4. Dan Eden

   @Ermin Čeliković how about now? :)

   about 1 year ago

5. Louis Bullock

   @Dan How 'bout a .png fallback if gradients or svg aren't supported? (Crazy, right?).

   Definitely gonna keep this in mind for future projects.

   about 1 year ago

6. Dan Eden

   @Louis not really scalable or anything. And where's the fun in that?

   about 1 year ago

7. Louis Bullock

   @Dan So true. :)

   about 1 year ago

8. Dan Farrell

   sweet bro!

   about 1 year ago

9. Pro Falko Joseph

   A 1000 x 1000 gloss overlay with background-position: center center; does the trick too, but this is way fancier! :D

   12 months ago

10. Jason Hobbs

    Used this in the SA build, amirite?

    9 months ago