CXJ
CXJ
Programming language:CSS
2021-03-29 06:57:27
2
Q:

multiple color background

hcnak
hcnak
Code: CSS
2021-02-07 11:06:56 
body{
/* Its, very important to set the background repeat to: no-repeat */
background-repeat:no-repeat; 

background-image:  
/* 1) An image              */ url(http://lorempixel.com/640/100/nature/John3-16/), 
/* 2) Gradient              */ linear-gradient(to right, RGB(0, 0, 0), RGB(255, 255, 255)), 
/* 3) Color(using gradient) */ linear-gradient(to right, RGB(110, 175, 233), RGB(110, 175, 233));

background-position:
/* 1) Image position        */ 0 0, 
/* 2) Gradient position     */ 0 100px,
/* 3) Color position        */ 0 130px;

background-size:  
/* 1) Image size            */ 640px 100px,
/* 2) Gradient size         */ 100% 30px, 
/* 3) Color size            */ 100% 30px;
}
1
Rex
Rex
Code: CSS
2021-03-31 19:34:47 
background: linear-gradient(<angle>, color1 color1-stop-at, color2 color2-start-at);
1

Tags

Related

New to Communities?

Join the community