Advanced Search

Return to Snippet

Revision: 30333
at August 12, 2010 07:12 by viatropos
Initial Code 
// css
.opacity {
  opacity: .80;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=$value)";
  -khtml-opacity: .80;
  -moz-opacity: .80;
}

// sass
@mixin opacity($value) {
  opacity: #{"." + $value};
  filter: alpha(opacity=$value);
  -ms-filter: "alpha(opacity=$value)";
  -khtml-opacity: #{"." + $value};
  -moz-opacity: #{"." + $value};
}

.opacity {
  @include opacity(80);
}
Initial URL 
cross-browser-css-opacity-with-and-without-sass-
Initial Description 

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
Cross Browser CSS Opacity (with and without Sass)

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
css, html, browser

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
CSS