What is CSS Gradient? Definition ,Types and Example
This Blog You Will Learn
ஃ What is CSS Gradient? Definition
ஃ Why CSS Gradients are use.
ஃ Syntax
ஃ Type of CSS Gradients
ஃAdvantages of CSS Gradients
What is CSS Gradient? Definition
- A CSS Gradient is a design allows developers to create smooth color combination between two to more colors directly using CSS .
- CSS gradients are commonly used for background,buttons,headers, banners and UI effects.
- CSS Gradient is a type of CSS background that smoothly blends multiple color in specified direction angle or shape usign gradients functions.
Syntax :
background: gradient-type color1,color2, color3,...);
Why CSS Gradients are use.
✅ DO not require image files.
✅ fully responsive and scalable.
✅ Improve website loading speed.
✅Easily modified using css.
✅Support modern UI and design trends.
Type of CSS Gradients
1) Linear Gradient
2) Radial Gradient
3) Conic Gradient
how to create contact form HTML and CSS
1) Linear Gradient
create a gradient in a straight line
background: linear-gradient(to bottom, red, yellow);
2) Radial Gradient
Creates a gradient that spreads from the center outward.
background: radial-gradient(circle, red, yellow);
3) Conic Gradient
Creates a gradient that rotates around a center point
background: conic-gradient(red, green, yellow);
Advantages of CSS Gradients
✔ SEO-Friendly
✔ Easy to animate
✔ Cross-browser supported
✔ High visual appeal
✔lightweight (no image)
No comments:
Post a Comment