Turn any gif into an “hologram”
  • JavaScript 64%
  • CSS 22.6%
  • HTML 13.4%
Find a file
Raphaël Bastide~ 1f3c68454d TODO updated
2015-12-27 21:24:57 +01:00
animation.gif First commit 2015-12-27 19:36:18 +01:00
dancing-baby.gif First commit 2015-12-27 19:36:18 +01:00
filedrag.js + Drag 2015-12-27 20:54:20 +01:00
index.html TODO updated 2015-12-27 21:24:57 +01:00
README.md TODO updated 2015-12-27 21:24:57 +01:00
style.css + Drag 2015-12-27 20:54:20 +01:00

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

Demo animation

Resources

Notes

  • Dark or transparent background animated gif are best for an optimal result.
  • You can adjust images distance by changing the top of .face img in the CSS.

TODO

  • UI: image distance and size could be chosen with a slider

License

wtfpl