\r\n \r\n
\r\n
\r\n \r\n
Small (4.35KB gzipped), dependency-free library for creating 3D image effect on your website ( just like on Facebook! ).
\r\n\r\n* reacts to mouse move / mobile device movement! 🤳\r\n* based on WebGL\r\n\r\n## How to use \r\nFirst, you need 2 images: original image, and [depth image](https://www.youtube.com/watch?v=eeU5mUASnVI):\r\n\r\n\r\n\r\nThen, prepare image slot with `data-src` and `data-depth-src` attributes containing paths to those images:\r\n\r\n```html\r\n\r\n```\r\n\r\nFinally, add `3D-image` library and run it like so:\r\n```html\r\n\r\n\r\n\r\n```\r\n### That's it! 🥤\r\n\r\n\r\n**Disclaimer:** this library is a work-in-progress, so the API will likely change. There will be more options added like:\r\n* increasing and decreasing 3D effect strength\r\n* reacting to scroll events for devices not supporting DeviceOrientation API\r\n","readmeFilename":"README.md"}