Inline to Menu Link Animation
source link: https://tympanus.net/codrops/2021/06/23/inline-to-menu-link-animation/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Inline to Menu Link Animation
From our sponsor:
Inspired by this fantastic Dribbble shot by Matthew Hall, I wanted to experiment with this kind of inline link to menu block animation. So here’s a little experimental effect that does exactly that and then shows some images.
Here is Matthew’s original animation:
“Image Carousel” by Matthew Hall
With the focus on recreating the inline link to menu link animation, I also wanted to explore some kind of animations on the images. I found the staggering appearance the most fitting on here, but there are lots of possibilities.
So, the initial content view looks as follows:
When clicking on one of the inline links, each link moves to the right while all the other text moves to the left and disappears:
So here’s the result of the whole concept:
I really hope you enjoy this and find it inspirational!
Thanks for checking by and let me know your feedback @crnacura or @codrops.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK