Gradients in CSS smooth color transitions create karte hain do ya zyada colors ke beech.
CSS me 3 types ke gradients hote hain:
- Linear Gradients
- Radial Gradients
- Conic Gradients
Ye background-image property ke andar use hote hain.
Linear Gradients
linear-gradient() ek straight line me color transition create karta hai (top, bottom, left, right ya diagonal).
Syntax
Direction Examples
Top to Bottom (default)
Bottom to Top
Left to Right
Diagonal
Using Angles
0deg = top
90deg = right
180deg = bottom
270deg = left
Multiple Color Stops
Transparency
Repeating Linear Gradient
Radial Gradients
radial-gradient() center se outward color transition banata hai.
Syntax
Examples
Evenly spaced colors
Different spacing
Circle shape
Size Parameter
Repeating Radial Gradient
Conic Gradients
conic-gradient() me colors center ke around rotate hote hain.
Syntax
Example
With Degrees
Pie Chart
From Angle
Center Position
Gradients in CSS smooth color transitions create karte hain aur designs ko visually attractive banate hain. Linear, radial aur conic gradients use karke different styles aur effects achieve kiye ja sakte hain.
