Css gradient

Css horizontal linear gradient

background: linear-gradient(to left, red, blue);

Gradient css background

/*From bottom to top*/
background: rgb(166,166,166);
background: linear-gradient(0deg, rgba(166,166,166,1) 0%, rgba(255,255,255,1) 29%);

Css horizontal gradient background color

.foo {
	background-image: linear-gradient(red, blue);
}

Linear-gradient

background: linear-gradient(to left, #333, #333 50%, #eee 100%);

Gradient color css

  background: #ada996; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #ada996, #f2f2f2, #dbdbdb, #eaeaea); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #ada996, #f2f2f2, #dbdbdb, #eaeaea); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

Source: uigradients.com

Css gradient

background: linear-gradient(Direction (keyword or degrees), color1 10% (10% width), color2 width (it's not neccessary), ...);

Similar codes

10 votes170 views3 answers
Javascript average of numbers in array
CSS
7 votes140 views1 answer
Change background input css
CSS
0 vote149 views1 answer
How to use css without brackets
CSS
0 vote174 views3 answers
Css keep focus color on div after click
CSS
1 vote158 views1 answer
Bootstrap ol
CSS
0 vote172 views1 answer
Ion-split-pane width
CSS
11 votes135 views2 answers
Css hr color
CSS
0 vote160 views2 answers
How to set background image for button in css
CSS
67 votes165 views6 answers
Media query in css
CSS
81 votes183 views3 answers
Css all uppercase to capitalize
CSS