{"id":242,"date":"2014-06-21T00:15:42","date_gmt":"2014-06-21T00:15:42","guid":{"rendered":"http:\/\/enjooy.freevision.me\/help\/?p=242"},"modified":"2015-02-21T17:19:28","modified_gmt":"2015-02-21T17:19:28","slug":"animate-css","status":"publish","type":"post","link":"http:\/\/doc.freevision.me\/odio\/animate-css\/","title":{"rendered":"Animate.css"},"content":{"rendered":"<p>Just-add-water CSS animation<\/p>\n<p>animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.<\/p>\n<hr \/>\n<p>Odio comes bundled with &#8220;animate.css&#8221; support. So you can simply add a name from the list <a href=\"http:\/\/daneden.github.io\/animate.css\/\" target=\"_blank\">http:\/\/daneden.github.io\/animate.css\/<\/a> to animate your element like on following guide.<\/p>\n<ol>\n<li>Add a component with Extra Class Name field support. We used Single Image.<\/li>\n<li>Choose an image<\/li>\n<li>Add necessary CSS class definitions.<\/li>\n<\/ol>\n<p style=\"padding-left: 60px;\"><strong>animation :<\/strong> Applies and runs selected animation.<\/p>\n<p style=\"padding-left: 60px;\"><strong>animated :<\/strong> Makes animation infinite.<\/p>\n<p style=\"padding-left: 60px;\"><strong>bounce :<\/strong> Type of animation as available on <a href=\"http:\/\/daneden.github.io\/animate.css\/\" target=\"_blank\">http:\/\/daneden.github.io\/animate.css\/<\/a><\/p>\n<hr \/>\n<p><a href=\"http:\/\/doc.freevision.me\/odio\/wp-content\/uploads\/sites\/7\/2014\/06\/animation.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-243\" src=\"http:\/\/doc.freevision.me\/odio\/wp-content\/uploads\/sites\/7\/2014\/06\/animation.jpg\" alt=\"animation\" width=\"974\" height=\"1244\" srcset=\"http:\/\/doc.freevision.me\/odio\/wp-content\/uploads\/sites\/7\/2014\/06\/animation.jpg 974w, http:\/\/doc.freevision.me\/odio\/wp-content\/uploads\/sites\/7\/2014\/06\/animation-234x300.jpg 234w, http:\/\/doc.freevision.me\/odio\/wp-content\/uploads\/sites\/7\/2014\/06\/animation-801x1024.jpg 801w\" sizes=\"(max-width: 974px) 100vw, 974px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Just-add-water CSS animation animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. &hellip; <a href=\"http:\/\/doc.freevision.me\/odio\/animate-css\/\">Read more &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2,3,4],"tags":[],"_links":{"self":[{"href":"http:\/\/doc.freevision.me\/odio\/wp-json\/wp\/v2\/posts\/242"}],"collection":[{"href":"http:\/\/doc.freevision.me\/odio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/doc.freevision.me\/odio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/doc.freevision.me\/odio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/doc.freevision.me\/odio\/wp-json\/wp\/v2\/comments?post=242"}],"version-history":[{"count":2,"href":"http:\/\/doc.freevision.me\/odio\/wp-json\/wp\/v2\/posts\/242\/revisions"}],"predecessor-version":[{"id":871,"href":"http:\/\/doc.freevision.me\/odio\/wp-json\/wp\/v2\/posts\/242\/revisions\/871"}],"wp:attachment":[{"href":"http:\/\/doc.freevision.me\/odio\/wp-json\/wp\/v2\/media?parent=242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/doc.freevision.me\/odio\/wp-json\/wp\/v2\/categories?post=242"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/doc.freevision.me\/odio\/wp-json\/wp\/v2\/tags?post=242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}