{"id":857,"date":"2017-05-27T12:20:41","date_gmt":"2017-05-27T12:20:41","guid":{"rendered":"http:\/\/blog.azoora.com\/icons\/how-to-create-icon-animations-with-mo-js\/"},"modified":"2018-02-14T13:08:49","modified_gmt":"2018-02-14T13:08:49","slug":"how-to-create-icon-animations-with-mo-js","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/icons\/how-to-create-icon-animations-with-mo-js\/","title":{"rendered":"How to Create Icon Animations with Mo.js"},"content":{"rendered":"<p>Maybe you\u2019ve already stumbled across mo.js, a very powerful motion graphics library for the web made by Oleg Solomka. You can do tons of awesome things with it and today we\u2019d like to share our take on some icon animations using the library. It would be really great to be able to animate icons easily to look like Twitter\u2019s heart animation. Codrops has shared some Icon Animations with us. The icons that we are animating are actions where it makes sense to have an active state, like for example the \u201cfavorite\u201d, \u201clike\u201d or \u201cupvote\u201d. Although, theoretically, you could apply these kind of effects to anything, it really feels more sensible for these kind of actions.<\/p>\n<blockquote><p>Requirements: \u2013<\/p>\n<p>Demo: http:\/\/tympanus.net\/Development\/Animocons\/ License: License Free<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Maybe you\u2019ve already stumbled across mo.js, a very powerful motion graphics library for the web made by Oleg Solomka. You can do tons of awesome things with it and today we\u2019d like to share our take on some icon animations using the library. It would be really great to be able to animate icons easily [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":856,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[11],"tags":[31,16],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2017\/08\/wp-image-379081328.png","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-dP","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/857"}],"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=857"}],"version-history":[{"count":1,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/857\/revisions"}],"predecessor-version":[{"id":998,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/857\/revisions\/998"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/856"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=857"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=857"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}