Skip to content

Instantly share code, notes, and snippets.

@alchemycs
Created December 5, 2010 03:41
Show Gist options
  • Save alchemycs/728744 to your computer and use it in GitHub Desktop.
Save alchemycs/728744 to your computer and use it in GitHub Desktop.
Adds a glassy sheen to an element
/*
Set the background-color for an element and then add the 'shinyGradient'
class to the element for a glassy shine.
*/
.shinyGradient {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .8)), color-stop(.3, rgba(255,255,255, .5)), color-stop(.6, rgba(255,255,255, .3)), color-stop(.6, transparent), to(transparent) );
background-image: -moz-linear-gradient( top, rgba(255, 255, 255, .8), rgba(255, 255, 255, .5) 30%, rgba(255, 255, 255, .3) 60%, transparent 60%, transparent );
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment