A Bunch Of CSS Animation Effects For Lists: Liffect

Liffect is a web-based generator that provides lots of different effects for list elements.

It makes use of CSS animations and requires jQuery for applying the delay in effects.

There are items fading, zooming, sliding, flipping, bouncing and, a fun one, Star Wars-inspired effect.


The website allows us to define the duration + delay and generates the necessary CSS rules instantly.

Liffect is a must-bookmark not only for copy-pasting the effects but it is also a nice reference.