Superhero SVG Filter Animation

An interactive superhero-like illustration effect for the web using SVG filters and masks.

Article on Codrops

Demo

Installation

Install dependencies:

npm install

Compile the code for development and start a local server:

npm start

Create the build:

npm run build

Credits

• https://inkscape.org/release/inkscape-1.1/
• https://jakearchibald.github.io/svgomg/
• https://yoksel.github.io/svg-filters/
• https://greensock.com/docs/

Misc

Follow Abner: GitHub

Follow Codrops: Twitter, Facebook, GitHub, Instagram

License

MIT

Made with 💙 by Codrops