gradient line css code example

Example 1: linear-gradient

background: linear-gradient(to left, #333, #333 50%, #eee 100%);

Example 2: html css background linear-gradient

background: linear-gradient(#333, #333 50%, #eee 100%);
\\code for a basic gradient background
   #grad {
  background-image: linear-gradient(red, yellow);
}

Example 3: html css background linear-gradient

#background {
  background-image: linear-gradient(to left, #4B2C4C , #151F28);
}

Example 4: double color background css

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

Tags:

Css Example