While creating my link-in bio project, I ran into some difficulty with styling my background to include an animated gradient, and I plan to discuss my roadblocks with a TA this week. Although I had issues figuring out the animated gradient, I did learn more about using the CSS linear-gradient function. through reading documentation on MDN!
Gradients allow developers to create smooth transitions between multiple colors, and there are 3 basic types of CSS gradients:
Below is an example of a simple linear-gradient with two color stops:
.simple-linear {
background: linear-gradient(blue, pink);
}
The three CSS gradient functions include a number of properties that allow for endless customization!
Top comments (1)
Amazing! The power of CSS is one of my favorite things about programming. It's fun to play around with the many different styles and attributes.