Snippet Details

Shortcut

linear-gradient

Description

A background linear gradient snippet

Language

css

Types

Expansion

Author

Andreas Nylin

Upload on

13-2-2014 18:32:58

Downloads

2181

Declarations

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$
    

Extension Package

No snippets are added