Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Animated Gradient Background

Problem: Animated Gradient Background

Try to animate a full-screen gradient background that shifts smoothly through multiple colors using CSS keyframes.

We'll cover the following...

Problem description

Given an HTML page containing a <section class="gradient-bg"></section> element, write CSS to:

  • Apply a linear-gradient background with at least four distinct color stops.

  • Set the background-size large enough ...