Tag

SVG clip Path

Browsing

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. [gpp_button color=”blue” url=”http://tympanus.net/Development/CardExpansion/” title=”Card Expansion Effect” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Demo[/gpp_button]    [gpp_button color=”blue” url=”http://tympanus.net/codrops/2015/06/18/card-expansion-effect-svg-clippath/” title=”Card…