Archive for March, 2015

Prism Effect Slider with Canvas

Posted on: No Comments
View demo Download source Today we’d like to show you how to build a simple slider with an interesting “prism” effect. The idea is to place a shape in front of the slider and “reflect” the images of each slide, in order t...

Creating a “Jump Loader” Animation with SVG and GSAP

Posted on: No Comments
View demo Download source In this tutorial you will learn how to create a playful Jump Loader animation using SVG and GSAP, the animation platform by GreenSock. The Jump Loader effect relies on a very useful plugin, the DrawSVGPlugin, which is a premi...

Creative Gooey Effects

Posted on: No Comments
View demo Download source Today we are going to show how to use SVG Filters to apply a gooey-like effect to HTML elements. We’ll first cover some basics of the technique and then we’ll demonstrate several creative use cases for common webs...

Playful Trampoline Effect

View demo Download source Today we want to share a fun little effect with you. The idea is to simulate the bounciness of a trampoline when navigating the image stack. For the draggable image stack we are using the Elastic Stack. The SVG animations are...