Add & Delete Bouncy List Microinteraction

Image: Add & Delete Bouncy List Microinteraction GIF

With this beautiful code snippet by Chè Nxusani you have a very cool add and delete bouncy micro-interaction for the unordered list item. It can work well for a todo list on a website.

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

Bouncy List Microinteraction Snippet

See the Pen Animated List by Che (@code_dependant) on CodePen.0

scroll to top
%d bloggers like this: