- 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
- 2535
| ID | ToolTip | Default |
| startcolor | Start color value | #cccccc |
| endcolor | End color value | #eeeeee |
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$