{"id":5155,"date":"2020-07-06T14:14:00","date_gmt":"2020-07-06T14:14:00","guid":{"rendered":"https:\/\/azoora.com\/blog\/?p=5155"},"modified":"2020-08-21T14:18:56","modified_gmt":"2020-08-21T14:18:56","slug":"txtwav-text-animation-library","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/code\/txtwav-text-animation-library\/","title":{"rendered":"txtwav: Text Animation Library"},"content":{"rendered":"\n<p><strong>txt.wav<\/strong>\u00a0is a\u00a0<strong>JavaScript library<\/strong>\u00a0for text animations<strong>.<\/strong>\u00a0Library created by\u00a0<strong>Still Life Studios<\/strong>.<\/p>\n\n\n\n<h2>Usage:<\/h2>\n\n\n\n<ol><li>include the\u00a0<code>css<\/code>\u00a0and\u00a0<code>js<\/code>\u00a0files from the\u00a0<code>dist<\/code>\u00a0folder.<\/li><li>add the class\u00a0<code>txtwav<\/code>\u00a0to an element you want to animate.<\/li><li>add the class for the specific animation you want to include from the following:<\/li><\/ol>\n\n\n\n<ul><li><code>slow<\/code><\/li><li><code>vibe<\/code><\/li><li><code>bounce<\/code><\/li><li><code>flip<\/code><\/li><\/ul>\n\n\n\n<p>Then, just add this in the body of main html file:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;h1 class=\"txtwav slow\"&gt;true freaks only&lt;\/h1&gt;<\/pre>\n\n\n\n<!--more-->\n\n\n\n<blockquote class=\"wp-block-quote\"><p><strong>Author<\/strong>: Still Life Studios<\/p><p><strong>Demo<\/strong>: <a href=\"https:\/\/www.stilllife.studio\/txtwav\">Link<\/a><\/p><p><strong>Download<\/strong>: <a href=\"https:\/\/github.com\/still-life-studios\/txt.wav\">Link<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>txt.wav\u00a0is a\u00a0JavaScript library\u00a0for text animations.\u00a0Library created by\u00a0Still Life Studios. Usage: include the\u00a0css\u00a0and\u00a0js\u00a0files from the\u00a0dist\u00a0folder. add the class\u00a0txtwav\u00a0to an element you want to animate. add the class for the specific animation you want to include from the following: slow vibe bounce flip Then, just add this in the body of main html file: &lt;h1 class=&#8221;txtwav slow&#8221;&gt;true [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":5156,"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":[93,25,146,87,47,217],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/txtwav-Text-Animation-Library.jpg","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-1l9","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/5155"}],"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=5155"}],"version-history":[{"count":1,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/5155\/revisions"}],"predecessor-version":[{"id":5157,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/5155\/revisions\/5157"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/5156"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=5155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=5155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=5155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}