Cartfoon 🖼🦸‍♂️

Example

Examples from Unsplash. Add

How to Use

Add these before your closing body tag.

TO DO

Add the cartfoon class to your img tags.

<img src="/path/to/image" class="cartfoon"/>

That's it. Cartfoon will begin working automatically! 🖌

⚠ Performance will vary based on the capability of each browser client. Images will render faster with a GPU. Cartfoon ES6 class syntax.

Cartfoon.dataMask = true; // Automatically apply `data-mask` to images.
Cartfoon.dispatch = true; // Trigger 'cartfoon.transform' events every time an image is updated. Contains img element and, if enabled, mask data.

How it works

Magic... ✨