{"id":256,"date":"2019-01-20T17:00:00","date_gmt":"2019-01-20T16:00:00","guid":{"rendered":"http:\/\/davidezetti.com\/?p=256"},"modified":"2022-06-08T10:03:17","modified_gmt":"2022-06-08T08:03:17","slug":"web-animations","status":"publish","type":"post","link":"https:\/\/davidezetti.com\/web-animations\/","title":{"rendered":"Web Animations"},"content":{"rendered":"\n<p>Web animations using Bodymovin\/Lottie\/JSON<\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/403267974\" width=\"960\" height=\"540\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/403246701\" width=\"960\" height=\"540\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<p><\/p>\n\n\n\n<p>Looping motion design animated in After Effects<br>exported for the developers as JSON with Bodymovin plugin to Lottie<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"640\" src=\"http:\/\/davidezetti.com\/wp-content\/uploads\/2020\/04\/WD_1.png\" alt=\"\" class=\"wp-image-259\" srcset=\"https:\/\/davidezetti.com\/wp-content\/uploads\/2020\/04\/WD_1.png 640w, https:\/\/davidezetti.com\/wp-content\/uploads\/2020\/04\/WD_1-150x150.png 150w, https:\/\/davidezetti.com\/wp-content\/uploads\/2020\/04\/WD_1-300x300.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"640\" src=\"http:\/\/davidezetti.com\/wp-content\/uploads\/2020\/04\/WD_2-1.png\" alt=\"\" class=\"wp-image-260\" srcset=\"https:\/\/davidezetti.com\/wp-content\/uploads\/2020\/04\/WD_2-1.png 640w, https:\/\/davidezetti.com\/wp-content\/uploads\/2020\/04\/WD_2-1-150x150.png 150w, https:\/\/davidezetti.com\/wp-content\/uploads\/2020\/04\/WD_2-1-300x300.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"640\" src=\"http:\/\/davidezetti.com\/wp-content\/uploads\/2020\/04\/WD_3.png\" alt=\"\" class=\"wp-image-261\" srcset=\"https:\/\/davidezetti.com\/wp-content\/uploads\/2020\/04\/WD_3.png 640w, https:\/\/davidezetti.com\/wp-content\/uploads\/2020\/04\/WD_3-150x150.png 150w, https:\/\/davidezetti.com\/wp-content\/uploads\/2020\/04\/WD_3-300x300.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Web animations using Bodymovin\/Lottie\/JSON Looping motion design animated in After Effectsexported for the developers as JSON with Bodymovin plugin to Lottie<\/p>\n","protected":false},"author":1,"featured_media":257,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[11,17,15,16,10],"class_list":["post-256","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-motion-design","tag-animation","tag-bodymovin","tag-json","tag-lottie","tag-motion-design"],"_links":{"self":[{"href":"https:\/\/davidezetti.com\/restapi_\/wp\/v2\/posts\/256"}],"collection":[{"href":"https:\/\/davidezetti.com\/restapi_\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/davidezetti.com\/restapi_\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/davidezetti.com\/restapi_\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/davidezetti.com\/restapi_\/wp\/v2\/comments?post=256"}],"version-history":[{"count":13,"href":"https:\/\/davidezetti.com\/restapi_\/wp\/v2\/posts\/256\/revisions"}],"predecessor-version":[{"id":895,"href":"https:\/\/davidezetti.com\/restapi_\/wp\/v2\/posts\/256\/revisions\/895"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/davidezetti.com\/restapi_\/wp\/v2\/media\/257"}],"wp:attachment":[{"href":"https:\/\/davidezetti.com\/restapi_\/wp\/v2\/media?parent=256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/davidezetti.com\/restapi_\/wp\/v2\/categories?post=256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/davidezetti.com\/restapi_\/wp\/v2\/tags?post=256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}