/CSS/How to split a background into two color in css

How to split a background into two color in css

How to split a background into two color in css

.logindiv {
  height: 200px;
  width: 200px;
  background: linear-gradient(to bottom, #1F4E79 0%, #1F4E79 50%, #ddd 50%, #ddd 100%);
}

2

Source: stackoverflow.com

Double color background css

background: linear-gradient(<angle>, color1 color1-stop-at, color2 color2-start-at);

1

Source: blog.prototypr.io

Similar codes

9 votes186 views1 answer
Html static background
CSS
0 vote169 views1 answer
Vertical divider between my flexbox
CSS
4 votes195 views2 answers
Css hex to rgb
CSS
239 votes273 views5 answers
Include bootstrap
CSS
81 votes208 views6 answers
Second child css
CSS
0 vote182 views1 answer
Btn keeps pushing down on window resize
CSS
7 votes192 views4 answers
How to crop images in css
CSS
2 votes185 views1 answer
Table overflow not working
CSS
17 votes183 views4 answers
Li remove dot css
CSS
2 votes200 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS

Share