Turn any gif into an “hologram”
- JavaScript 64%
- CSS 22.6%
- HTML 13.4%
| animation.gif | ||
| dancing-baby.gif | ||
| filedrag.js | ||
| index.html | ||
| README.md | ||
| style.css | ||
Hologif
Turn any gif into an “hologram”.
This simple HTML page will display a gif animation (or any other web element) four times in cardinal directions.
This is useful if you want to make 3D hologram with smartphones or tablets.
Demo
Resources
Notes
- Dark or transparent background animated gif are best for an optimal result.
- You can adjust images distance by changing the
topof.face imgin the CSS.
TODO
- UI: image distance and size could be chosen with a slider
