Skip to content

Instantly share code, notes, and snippets.

@joshk
Forked from Narnach/opacity.sass
Created November 22, 2009 20:48
Show Gist options
  • Save joshk/240714 to your computer and use it in GitHub Desktop.
Save joshk/240714 to your computer and use it in GitHub Desktop.
/ This SASS function makes it easy to get cross-browser opacity.
/
/ Firefox and Safari use CSS opacity.
/ Internet Explorer 7 and 8 each require their own flavor of the opacity alpha filter.
/
/ See http://www.quirksmode.org/css/opacity.html for more info on opacity.
/
/ Pass an opacity value between 0.0 and 1.0
=opacity(!value)
:opacity= !value
:-ms-filter "progid:DXImageTransform.Microsoft.Alpha(Opacity=#{!value*100})"
:filter alpha(opacity=#{!value * 100})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment