Web Design

Liquid Animation

Almost every website you land on seems to include some form of animation. What’s really trending is liquid-style animation with movement that seems water-like.

Liquid animation can work for entire scenes as a way to transition video elements, as a hover state to entice clicks, or as a general animation the helps draw users into the design. The trick to making this trend work is in the speed of movement. It has to be smooth, fluid, and perfectly timed for the most realistic feel.

Toonami uses liquid animation as a hover state to bring extra motion to elements on the screen. The background video “liquifies” as does the block of text.

Ilya Kulbachny uses liquid animation for the headline of his portfolio website. (This might be one of the best uses of this design trend out there.) The words float on the screen and have an additional hover state that moves his image and the words even more.

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *