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 Expansion Effect” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Source[/gpp_button]
