Exercise 7

CSS Animation

Reflecting back on Project 2, choose the hero on your homepage or another element that you can animate using either a CSS Keyframe animation. or CSS transitions. For inspiration, consider something like the hero file attached.

When posting to D2L, Make sure to explain what you have changed.

Using the lesson notes under the Animation section, Create a CSS animation that either promotes your Project 2 news site or can reside as a feature within it. The dimensions are up to you.

It could be an animation that builds and completes, like this example, or something that loops.

Step 1: Design a layout in Figma.

Step 2: Build the layout in HTML and CSS.

Step 3: Animate with CSS.

---