Cross Browser Background Linear Gradient


Snippet Details

Shortcut
linear-gradient
Description
A background linear gradient snippet
Language
css
Types
Expansion
Author
Andreas Nylin
Upload on
2/13/2014 6:32:58 PM
Downloads
678

Declarations

ID ToolTip Default
startcolor Start color value #cccccc
endcolor End color value #eeeeee

Code Output

        background-color: $startcolor$;
background-image: -webkit-gradient(linear, left top, left bottom, from($startcolor$), to($endcolor$));
background-image: -webkit-linear-gradient(top, $startcolor$, $endcolor$); 
background-image: -moz-linear-gradient(top, $startcolor$, $endcolor$);
background-image: -o-linear-gradient(top, $startcolor$, $endcolor$);
background-image: linear-gradient(to bottom, $startcolor$, $endcolor$);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=$startcolor$, endColorstr=$endcolor$)";$end$
    

Download Add to .VSIX Package


comments powered by Disqus

Extension Package

No snippets are added


Languages