The easy to implement, 3D typography for the web that works with every font.
Ztext gives the illusion of volume by creating layers from an HTML element. There's no need to spend hours fiddling with canvas or forcing users to download multi-megabyte WebGL libraries. With ztext, content remains fully selectable and accessible.
ZTEXT.JS is easy to use. There are only 2 files that you need to download:
Just copy this script and place before your body tag: script src="/path/to/ztext.min.js">/script.
With this method, ztext will look for any HTML element with the data-z or data-z="true" attribute and will apply a 3D effect to it.
You can even style SVG, emojis, and images. Here's another demo:
😂🔥🍔