Skip to content
Submitted about 4 years ago

JavaScript + Transition combination

Jan•500
@eljasiu
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Article preview component
  • HTML
  • CSS
  • JS
1newbie

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
    @adarshcodesPosted about 4 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.

    2
    Jan•500
    @eljasiuPosted about 4 years ago

    Thank you

    0
  • John Norman•880
    @norman02Posted about 4 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.

    1
    Jan•500
    @eljasiuPosted about 4 years ago

    Thanks for your help

    0

Please log in to post a comment

Log in with GitHub

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