linear gradient in css with percentage code example

Example 1: linear-gradient

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

#gradient {
  background-image: linear-gradient(180deg, black, red);
}
/* can be applied in many places, as your <body> background or a <div> etc */