The latest articles on DEV Community by Safi Nettah (@snettah). https://dev.to/snettah https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F560376%2Fad575073-e0f5-4fc9-99f6-a16f6878f31b.jpeg https://dev.to/snettah en Safi Nettah Thu, 18 Mar 2021 08:16:32 +0000 https://dev.to/snettah/3d-typography-with-react-ztext-252n https://dev.to/snettah/3d-typography-with-react-ztext-252n <p>Hello,</p> <p>I share with you my implementation of <a href="https://bennettfeely.com/ztext">Ztext</a> in React</p> <p>The idea of Bennett Feely is simple but brillant, the description from bennettfeely.com:</p> <blockquote> <p>Ztext gives the illusion of volume by creating layers from an HTML element. There's no need to spend hours fiddling with or forcing users to download multi-megabyte WebGL libraries. With ztext, content remains fully selectable and accessible. Over 98% of users use a web browser that supports the CSS transform-style property, which ztext needs to work. In unsupported browsers, ztext gracefully turns off.</p> </blockquote> <p>try here: <a href="https://codesandbox.io/s/react-ztext-fjmzz">CodeSandbox</a></p> <p>contribute here: <a href="https://github.com/snettah/react-ztext">Github</a></p> react css javascript webdev