https://github.com/codrops/OrganicShapeAnimations

Some shape morphing hover effects on images using SVG clipPath.
https://github.com/codrops/OrganicShapeAnimations

Last synced: about 1 month ago
JSON representation

Some shape morphing hover effects on images using SVG clipPath.

• Host: GitHub
• URL: https://github.com/codrops/OrganicShapeAnimations
• Owner: codrops
• Created: 2017-06-28T12:15:36.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-06-28T12:17:09.000Z (over 7 years ago)
• Last Synced: 2024-08-02T12:23:58.190Z (4 months ago)
• Language: HTML
• Homepage: https://tympanus.net/codrops/2017/06/28/organic-shape-animations-with-svg-clippath/
• Size: 525 KB
• Stars: 219
• Watchers: 7
• Forks: 54
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-web-effect - OrganicShapeAnimations - Some shape morphing hover effects on images using SVG clipPath. (🚀 A series of exquisite and compact web page cool effects / SVG Animations)
• fucking-awesome-web-effect - OrganicShapeAnimations - Some shape morphing hover effects on images using SVG clipPath. (🚀 A series of exquisite and compact web page cool effects / SVG Animations)

README

        
# Organic Shape Animations with SVG clipPath

Some shape morphing hover effects using SVG clipPath on an image.

![Organic Shape Animations](https://tympanus.net/codrops/wp-content/uploads/2017/06/OrganicShapeAnimations_Featured.png)

[Article on Codrops](https://tympanus.net/codrops/?p=31563)

[Demo](https://tympanus.net/Development/OrganicShapeAnimations/)

## Credits

- [Anime.js](anime-js.com) by Julian Garnier

- Images made with digiful's [Oil Spill - Marble Styles](https://creativemarket.com/digiful/1488045-Oil-Spill-Marbled-Styles)

## License

This resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource "as-is" and sell it, redistribute, re-publish it, or sell "pluginized" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.

## Misc

Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/codrops), [Google+](https://plus.google.com/101095823814290637419), [GitHub](https://github.com/codrops), [Pinterest](http://www.pinterest.com/codrops/), [Instagram](https://www.instagram.com/codropsss/)

[© Codrops 2017](http://www.codrops.com)