Note: There are no new demos added at this point and this site is in maintenance mode

Ripple

author: Erik Dahlström posted: October 04, 2009 at 03:00 PM categories: animation, filters, interactive view comments

Download Video: WebM | MP4 | OGG

This demo shows interactive animated SVG filter effects.

The animation is made by animating a displacement map image, with a radial gradient mask to smoothly fade out the edges. To be able to run the animation the browser must support SVG filters, declarative animation (SMIL) and scripting.

See attributions.

Running the demo

Click on the "Start SVG Demo" at the top of this page.

Then click anywhere on the image to start animating a droplet ripple effect from that point.

blog comments powered by Disqus