This content originally appeared on Codrops and was authored by Mary Lou
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:
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.
The post Inline to Menu Link Animation appeared first on Codrops.
This content originally appeared on Codrops and was authored by Mary Lou
Mary Lou | Sciencx (2021-06-23T11:15:17+00:00) Inline to Menu Link Animation. Retrieved from https://www.scien.cx/2021/06/23/inline-to-menu-link-animation/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.