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

6 votes140 views1 answer
Responsive image in css
CSS
6 votes135 views2 answers
Update checkbox size css
CSS
1 vote131 views3 answers
Tag php
CSS
0 vote140 views1 answer
Font size clamp generator
CSS
49 votes168 views3 answers
Center absolute element css
CSS
45 votes126 views6 answers
How to remove background color in css
CSS
35 votes133 views2 answers
How to blur background color in css
CSS
0 vote147 views1 answer
How to give rgba in tailwind
CSS
0 vote131 views1 answer
Parcel-bundler bulma css
CSS
3 votes162 views1 answer
Hcss change highlight color
CSS