{"id":2313,"date":"2021-01-08T16:04:43","date_gmt":"2021-01-08T16:04:43","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/uncategorized\/animations\/"},"modified":"2026-03-09T20:01:19","modified_gmt":"2026-03-09T20:01:19","slug":"animations","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/animations\/","title":{"rendered":"Animations"},"content":{"rendered":"\n<p class=\"\">Adding animations to page elements allows you to differentiate between elements, directing our visitor&#8217;s attention on what\u2019s most important.<\/p>\n\n\n\n<p class=\"\">Within the Animations pod, the categories include Immediate (as soon as the page loads), Hover (when mouse or cursor hovers over that element), Delays (set the specific timing interval you want for your animation), Scroll into View (always), and Scroll into View (once). For the Scroll into View categories, animations with the \u201calways\u201d category will be triggered whenever respondents scroll to a given element and animations with the \u201conce\u201d category will only be triggered the first time a respondent scrolls to that element.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"617\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2021\/01\/image-20-1024x617.png\" alt=\"\" class=\"wp-image-8727\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2021\/01\/image-20-1024x617.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2021\/01\/image-20-300x181.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2021\/01\/image-20-768x463.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2021\/01\/image-20-1536x926.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2021\/01\/image-20.png 1682w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<p>Within each category, you\u2019ll find animations such as bounce, pop, slide, swing, shake, brighten, dim and many more. While these animations will bring attention to the elements that you would like to stand out to visitors, there are also options for fade in and face out animations. If you\u2019re looking for more of an app-like feel for the pages within your creatives, the fade animations are perfect for breathing new life into each page.<\/p>\n<p>To add an animation, just click on the content element and then select the animation from the creative studio palette.\u00a0<\/p>\n<p>Below, take a look at some of the animation options you have for different types of elements within your pages.<\/p>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Adding animations to page elements allows you to differentiate between elements, directing our visitor&#8217;s attention on what\u2019s most important. Within the Animations pod, the categories include Immediate (as soon as the page loads), Hover [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5288,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[348,41],"tags":[2133],"class_list":["post-2313","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation","category-the-content-personalization","tag-animations"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=2313"}],"version-history":[{"count":8,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2313\/revisions"}],"predecessor-version":[{"id":8728,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2313\/revisions\/8728"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5288"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=2313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=2313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=2313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}