how to insert gradient in css
body{
/*Radial Gradient*/
background-image: radial-gradient(#EA52F8 5.66%, #0066FF 94.35%);
/*Linear Gradient*/
background-image: linear-gradient(45.34deg, #EA52F8 5.66%, #0066FF 94.35%);
}
how to insert gradient in css
body{
/*Radial Gradient*/
background-image: radial-gradient(#EA52F8 5.66%, #0066FF 94.35%);
/*Linear Gradient*/
background-image: linear-gradient(45.34deg, #EA52F8 5.66%, #0066FF 94.35%);
}
css horizontal linear gradient
background: linear-gradient(to left, red, blue);
linear gradient css background image
background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531);
linear-gradient
background: linear-gradient(to left, #333, #333 50%, #eee 100%);
css linear gradient
#gradient {
background-image: linear-gradient(180deg, black, red);
}
/* can be applied in many places, as your <body> background or a <div> etc */
sideways linear gradient
/* 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%);
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us