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 vote248 views1 answer
Ngrok host header change
CSS
0 vote222 views2 answers
Open sublime text 3 from terminal mac
CSS
5 votes221 views1 answer
Transform multiple css
CSS
0 vote200 views2 answers
Css flip text
CSS
0 vote282 views2 answers
Https://www.youtube.com/s/desktop/f357c206/cssbin/www-main-desktop-watch-page-skeleton.css
CSS Skeleton
1 vote241 views2 answers
Set an image half its original size css
CSS
8 votes200 views1 answer
Full screen image
CSS
18 votes203 views4 answers
Css rotate animation
CSS
10 votes194 views1 answer
Css when click select another class
CSS
37 votes205 views3 answers
Inline svg css
CSS