Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Fade-In Notification Banner

Solution: Fade-In Notification Banner

Let’s create a smooth hover zoom effect on an image using only CSS transform and transition.

We'll cover the following...

Problem description

Given an HTML page containing a <div class="notification-banner"> element, write CSS to:

  • Set its initial opacity to 0.

  • Define a @keyframes fadeIn ...