DEV Community

Cover image for Real-World Transitions Challenge ๐Ÿฅ‹
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ

Posted on • Edited 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 ๐Ÿงป

Top comments (0)