Card Expansion Effect with SVG clipPath

Advertisement

This a morphing card expansion effect enhanced by a low poly background animation, using SVG clipPath and Trianglify.

You can create a experimental grid layout with “cards” where you’ll animate the card expansion with a morphing effect on the cover image and follow its motion with a delightful animation of a low-poly pattern used as the background of the page.

CardExpansion

Demo    Source