Advanced HTML CSS: Adding a Project to Animations section

[abirbhattacharya82]

Describe your suggestion

The Animations section under Advanced HTML CSS is pretty theoritical and with very less scope in practical usage. It would be good for learners if there was a project included in this section like most of the other sections.

I would like to suggest a simple project like a carousel of images would be nice implementations of css animations.

Path

Full Stack Javascript

Lesson Url

https://www.theodinproject.com/paths/full-stack-javascript/courses/advanced-html-and-css

Checks

• I have thoroughly read and understand The Odin Project Contributing Guide
• Would you like to work on this issue?

(Optional) Discord Name

No response

(Optional) Additional Comments

I would like to happily work on this issue by providing with the project and necessary documents.

[01zulfi]

An animated carousal of images project sounds nice. @TheOdinProject/intermediate-html-css what do y'all think?

[ManonLef]

I do like the idea, but there’s already an image carousel in this lesson, that’s prefaced with

Animations are typically handled by CSS which is a little out of the scope of this lesson, but interactive stuff like this is no fun without a little motion! If you want to take a break and learn more about making stuff move go watch this video.

Perhaps you have a suggestion on how these two exercises would not interfere with each other or become too repetitive?

[abirbhattacharya82]

Hi @ManonLef @01zulfi
I have a better idea as well and I think this project is not yet done.

I am suggesting making an analog clock using html, css. This project will have the applications of transition, transform as well as keyframes. So this will be like combination of all the topics taught in animation section.