Distributed Letters Animation Layout

A distributed letters animation in the context of a triple panel layout with hover effect.

From our sponsor: Get personalized content recommendations to make your emails more engaging. Sign up for Mailchimp today.

A while back I stumbled upon this great Dribbble shot by Seth Eckert. I love that letter effect and so I was thinking about a layout where I could incorporate this kind of animation.

After playing around a bit, I thought that a layout that allows for opening a panel would be interesting. So here it is; a little layout with a distributed letter animation on hover. When clicking, the letters will move to their respective place in the panel and the other elements will animate in.

I really hope you like this and that it comes in handy.

Thank you for checking by!

Tagged with:

Stay up to date with the latest web design and development news and relevant updates from Codrops.