Css linear gradient 25% of page

/* A gradient tilted 45 degrees,
   starting blue and finishing red */
linear-gradient(45deg, blue, red);

/* A gradient going from the bottom right to the top left corner,
   starting blue and finishing red */
linear-gradient(to left top, blue, red);

/* Color stop: A gradient going from the bottom to top,
   starting blue, turning green at 40% of its length,
   and finishing red */
linear-gradient(0deg, blue, green 40%, red);

/* Color hint: A gradient going from the left to right,
   starting red, getting to the midpoint color
   10% of the way across the length of the gradient,
   taking the rest of the 90% of the length to change to blue */
linear-gradient(.25turn, red, 10%, blue);

/* Multi-position color stop: A gradient tilted 45 degrees,
   with a red bottom-left half and a blue top-right half,
   with a hard line where the gradient changes from red to blue */
linear-gradient(45deg, red 0 50%, blue 50% 100%);

Source: developer.mozilla.org

Similar codes

0 vote122 views5 answers
Css gradient generator
CSS
19 votes100 views1 answer
Set pleasholders color css
CSS
185 votes249 views6 answers
Attach css file to html
CSS
19 votes100 views3 answers
Keyframes
CSS
0 vote117 views1 answer
Crystal background css
CSS
43 votes110 views6 answers
Blur background css
CSS
0 vote127 views1 answer
Increase the distance between paragraphs css
CSS
128 votes131 views5 answers
Randint
CSS
2 votes105 views2 answers
Aspect ratio css
CSS
0 vote226 views2 answers
Fix materialize form label not working
CSS Materialize