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

0 vote194 views1 answer
Navbar bootstrap display items horizontally
CSS
0 vote199 views1 answer
Dropdown size based on text
CSS
13 votes172 views3 answers
How to make fixed background image in css
CSS
12 votes181 views2 answers
How to center element in bulma
CSS
0 vote208 views1 answer
Css how to remove underline from visited sites
CSS
0 vote189 views1 answer
Javascript select element that does not have attribute
CSS
5 votes188 views3 answers
Change color of bullet points css
CSS
0 vote181 views1 answer
Content visability auto
CSS
4 votes218 views3 answers
.col-6 bootstrap
CSS Bootstrap
11 votes191 views1 answer
Css not class
CSS