Button to a List Animation

Image: Button to a List Animation GIF

This is a fancy list that appears as a button and on click, it transforms into a list and on a second click, the list is hidden again. It was designed by Colin Horn.

If you are having trouble with the pen, try the archived copy on GitHub

Button to a List Animation Snippet

See the Pen Morphing tab button with list by Colin Horn (@colinhorn) on CodePen.0

Posted by:Saijo George

Digital Marketer with a strong focus on technical SEO and design. One of the top 100 makers on Producthunt, co-organizer of the SEO Meetup in Melbourne, an instructor at General Assembly. Worked with brands like Envato, AEON. Currently the SEO Strategy Director at Supple.