Trampoline Effect with Draggable Elastic Stack and Snap.svg

Advertisement

A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape like a trampoline created by Codrops.

The idea is to simulate the bounciness of a trampoline when navigating the image stack. For the draggable image stack Elastic Stack has been used and the SVG animations are done with the help of Snap.svg.CSS animations are also used for the effects.

TrampolineEffect

Demo    Tutorial