Dunkin' Donuts

For this class I had to remake a website of my choice. In this class we only had to make 2 pages and we learned about accessability, responsiveness and CSS animations.

We could choose between making our website responsive or adding animations and I chose to focus on CSS animations.

These are some of the animations I ended up making.

I created the loading screen with CSS animation and used animation delay to have the letters appear smoothly one after the other.

For the buttons, to make them look like they got bit, I used ::before and ::after. This kept the website looking visually interesting to look at.

For the menu I did a few different things such as transform to make the menu icon into a cross. When the menu gets clicked the navigation will appear from under, and when it gets clicked again it'll disappear one by one.