Submitted over 3 years ago

JavaScript + Transition combination

Jan• 500

@eljasiu

Preview site View code

This is a solution for...

Article preview component

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hello guys, this is my solution to this challange. I hope you like the smooth way the bar with social media icons appears. I had some struggles with that. 'transition' property didn't seem to work with JavaScript, so I had to use 'setTimeout' function to make the animation work. I hope you like this method. I would be very grateful for your thoughts on this projects. Hava a great day, Jan

Community feedback

Adarsh Pratap• 5,515

@adarshcodes

Posted over 3 years ago

Hi @eljasiu, your solution looks nice. Everything is working fine, responsiveness, and the popup of the share icons. The solution is pretty close to the design. Good work. Happy coding.

Jan• 500

@eljasiu

Posted over 3 years ago

Thank you

John Norman• 880

@norman02

Posted over 3 years ago

It looks good, I like the transition delay animation. Two things I noticed: there is no shadow on the main element. The share element doesn't transition back to default state.

Jan• 500

@eljasiu

Posted over 3 years ago

Thanks for your help

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord