Skip to content

Instantly share code, notes, and snippets.

@Narnach
Created October 20, 2009 14:16
Show Gist options
  • Save Narnach/214274 to your computer and use it in GitHub Desktop.
Save Narnach/214274 to your computer and use it in GitHub Desktop.
sass: opacity
/ 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
:filter alpha(opacity=#{!value * 100})
:-ms-filter "progid:DXImageTransform.Microsoft.Alpha(Opacity=#{!value*100})"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment