Organic Shape Animations with SVG

Hello guys, today I found a very interesting freebies that was created by Mary Lou. So you can use a good freebies doing so on an SVG clipPath allows us to use this effect on an image.For the hover effect on an item, we are doing several things. Let’s just look at the actual shape manipulations we do. These are performed on the clip path, the image that is being clipped and a decorative path element that is behind the image.
We are using a clipPath on an image in the SVG. The deco element is taken from outside; we’ve included all of the paths at the beginning of the HTML file and reference to them with use. Download and use free, but not for commercial purposes.

Give a liking on facebook and twitter!!!

Download freebieView demo
Date

November 26, 2017

Category
Code stuff, Playground, SVG

Pin It on Pinterest

Share This