/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

175 votes158 views6 answers
Css image background
CSS
258 votes186 views6 answers
ForEach
CSS
4 votes113 views4 answers
Composer rollback to v1
CSS
0 vote100 views1 answer
Css ol align center
CSS
0 vote111 views1 answer
Background pulled to corner on small screens
CSS
0 vote133 views1 answer
Custom hr in css
CSS
8 votes112 views3 answers
Select first div css
CSS
0 vote117 views1 answer
Purge tailwind 3
CSS
9 votes141 views3 answers
Bootstrap blue outline button
CSS Bootstrap
0 vote169 views1 answer
Using target="_blank" without rel="noreferrer" (which implies rel="noopener") is a security risk in older browsers: see https://mathiasbynens.github.io/rel-noopener/#recommendations
CSS

Share