CodeNewbie Community

Cover image for Real-World Transitions Challenge πŸ₯‹
Atul Prajapati
Atul Prajapati

Posted on

Real-World Transitions Challenge πŸ₯‹

Hey folks πŸ‘‹πŸ», hope you are doing well at your journey.

In this post, I have made a real-world website structure with transition effects and actually, it is a challenge.

Transitions Challenge

The goal of this challenge is to add two transitions to the website; one to the title to change its colour to #1f93ff on hover, and another to the menu items to make them grow to 2.5em and change colour to #1f93ff on hover. Transitions will be added from the ground up, including pseudoselectors and the transitions themselves. All transitions need to have a duration of 1 second and use the ease-out timing function. Good luck!

See what I have made 🧻

Discussion (0)