{"id":5657,"date":"2020-10-10T14:23:00","date_gmt":"2020-10-10T14:23:00","guid":{"rendered":"https:\/\/azoora.com\/blog\/?p=5657"},"modified":"2020-10-04T14:32:09","modified_gmt":"2020-10-04T14:32:09","slug":"ztext-js-create-3d-interactive-typography-with-javascript-and-css3","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/code\/ztext-js-create-3d-interactive-typography-with-javascript-and-css3\/","title":{"rendered":"ztext.js: Create 3D Interactive Typography with JavaScript and CSS3"},"content":{"rendered":"\n<p><strong>ztext.js<\/strong> is a fancy JavaScript library to create 3D interactive typography using CSS3 transform-style property.<\/p>\n\n\n\n<p>Not only text, the library also supports images, SVGs, emoji, and even iconic font.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"5659\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/ztext-js-create-3d-interactive-typography-with-javascript-and-css3\/attachment\/ztext-js-preview\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/10\/ztext.js-preview.gif\" data-orig-size=\"543,457\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"ztext.js-preview\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/10\/ztext.js-preview-300x252.gif\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/10\/ztext.js-preview.gif\" loading=\"lazy\" width=\"543\" height=\"457\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/10\/ztext.js-preview.gif\" alt=\"\" class=\"wp-image-5659\"\/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><strong>Creator<\/strong>: bennettfeely<\/p><p><strong>Demo<\/strong>: <a href=\"https:\/\/bennettfeely.com\/ztext\/\">Link<\/a><\/p><p><strong>License<\/strong>: MIT<\/p><p><strong>Download<\/strong>: <a href=\"https:\/\/bennettfeely.com\/ztext\/js\/ztext.min.js\">Link<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>ztext.js is a fancy JavaScript library to create 3D interactive typography using CSS3 transform-style property. Not only text, the library also supports images, SVGs, emoji, and even iconic font. Creator: bennettfeely Demo: Link License: MIT Download: Link<\/p>\n","protected":false},"author":2,"featured_media":5658,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[4,145,12],"tags":[25,94,146,136,87,49],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/10\/ztext.js.gif","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-1tf","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/5657"}],"collection":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/comments?post=5657"}],"version-history":[{"count":2,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/5657\/revisions"}],"predecessor-version":[{"id":5661,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/5657\/revisions\/5661"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/5658"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=5657"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=5657"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=5657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}