Posts

Showing posts with the label Linear Gradient in CSS

What is Linear Gradient in CSS

Image
What Is Linear Gradient in CSS What is a Linear Gradient in CSS ✅ linear Gradient in  CSS function  that creates a smooth transition between  ✅ Two or more colors along a straight line  ✅  linear gradient is treated as background image,not a background color. ✅ Defined using the linear-gradient() function in CSS ✅ Direction controls how colors flow (top,bottom,left,right or diagonal) ✅ linear gradients use  angles such as 45deg ,90deg,180deg ✅ Angles rotate clockwise starting from bottom to top at 0deg ✅ At least two colors are required to create a linear gradient. ✅ Multiple color to create  rich gradient effects ✅ Each color in gradient is called  a color stop ✅ Linear gradients are resolution-independent and scale prefectly on all devices   ✅ They are widely used for buttons,headers , banners and background  What is Linear Gradient in CSS Syntax      background:linear-gradient(direction, color1, color2,color3 ...); Why ...