{"id":13606,"date":"2025-07-08T20:09:29","date_gmt":"2025-07-08T20:09:29","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=13606"},"modified":"2026-04-22T16:43:02","modified_gmt":"2026-04-22T16:43:02","password":"","slug":"add-animate-on-scroll-effects","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/add-animate-on-scroll-effects\/","title":{"rendered":"How To Add Animate on Scroll Effects To Your Page"},"content":{"rendered":"\n<p>Want to make your WordPress site feel more modern and engaging? Adding animations that trigger as you scroll down the page is a simple way to bring your content to life. Whether it&#8217;s images fading in or text sliding up, these subtle effects can make a big impact.<\/p>\n\n\n\n<p>In this guide, we\u2019ll show you how to easily add scroll animations to your WordPress site using Kadence blocks.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13606_173165-b1, .wp-block-kadence-advancedheading.kt-adv-heading13606_173165-b1[data-kb-block=\"kb-adv-heading13606_173165-b1\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13606_173165-b1 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13606_173165-b1[data-kb-block=\"kb-adv-heading13606_173165-b1\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13606_173165-b1 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13606_173165-b1[data-kb-block=\"kb-adv-heading13606_173165-b1\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading13606_173165-b1 wp-block-kadence-advancedheading has-theme-palette-8-background-color has-background\" data-kb-block=\"kb-adv-heading13606_173165-b1\"><strong>NOTE:<\/strong>  This feature requires the <strong>Kadence Express Plan<\/strong> or higher. Please see <a href=\"https:\/\/www.kadencewp.com\/pricing\/\">our Pricing page<\/a> to view your purchase options. This feature can be unlocked either through the <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-general\/kadence-creative-kit\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kadence Creative Kit<\/a> or the <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/kadence-blocks-pro-plugin\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kadence Blocks Pro<\/a> plugins.<\/p>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id13606_2d4ec9-58 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kb-table-of-content-nav.kb-table-of-content-id13606_2d4ec9-58 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id13606_2d4ec9-58 .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id13606_2d4ec9-58 .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13606_07cf26-eb, .wp-block-kadence-advancedheading.kt-adv-heading13606_07cf26-eb[data-kb-block=\"kb-adv-heading13606_07cf26-eb\"]{margin-bottom:0px;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13606_07cf26-eb mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13606_07cf26-eb[data-kb-block=\"kb-adv-heading13606_07cf26-eb\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13606_07cf26-eb img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13606_07cf26-eb[data-kb-block=\"kb-adv-heading13606_07cf26-eb\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"what-is-animate-on-scroll\" class=\"kt-adv-heading13606_07cf26-eb wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13606_07cf26-eb\">What is Animate on Scroll?<\/h2>\n\n\n<style>.kb-row-layout-id13606_9a78cf-5e > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id13606_9a78cf-5e > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id13606_9a78cf-5e > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id13606_9a78cf-5e > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id13606_9a78cf-5e > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id13606_9a78cf-5e > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id13606_9a78cf-5e alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column13606_fe501c-bf > .kt-inside-inner-col,.kadence-column13606_fe501c-bf > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column13606_fe501c-bf > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column13606_fe501c-bf > .kt-inside-inner-col{flex-direction:column;}.kadence-column13606_fe501c-bf > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column13606_fe501c-bf > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column13606_fe501c-bf{position:relative;}@media all and (max-width: 1024px){.kadence-column13606_fe501c-bf > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column13606_fe501c-bf > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column13606_fe501c-bf\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading13606_d5f36c-95, .wp-block-kadence-advancedheading.kt-adv-heading13606_d5f36c-95[data-kb-block=\"kb-adv-heading13606_d5f36c-95\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13606_d5f36c-95 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13606_d5f36c-95[data-kb-block=\"kb-adv-heading13606_d5f36c-95\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13606_d5f36c-95 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13606_d5f36c-95[data-kb-block=\"kb-adv-heading13606_d5f36c-95\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading13606_d5f36c-95 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13606_d5f36c-95\">Animate on scroll is a feature that adds motion to your page, making it feel more interactive and interesting.  Instead of everything appearing all at once, content is revealed gradually, guiding the visitor&#8217;s attention and making the experience more engaging.  Animations can include effects like:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fade<\/li>\n\n\n\n<li>Flip<\/li>\n\n\n\n<li>Slide<\/li>\n\n\n\n<li>Zoom<\/li>\n\n\n\n<li>Cover<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n<style>.kadence-column13606_78db60-ac > .kt-inside-inner-col,.kadence-column13606_78db60-ac > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column13606_78db60-ac > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column13606_78db60-ac > .kt-inside-inner-col{flex-direction:column;}.kadence-column13606_78db60-ac > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column13606_78db60-ac > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column13606_78db60-ac{position:relative;}@media all and (max-width: 1024px){.kadence-column13606_78db60-ac > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column13606_78db60-ac > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column13606_78db60-ac\"><div class=\"kt-inside-inner-col\"><style>.kb-image13606_53e8df-a9 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image13606_53e8df-a9 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1496\" height=\"755\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Zight-Recording-2025-07-08-at-09.51.16-AM.gif\" alt=\"Kadence home page animation\" class=\"kb-img wp-image-13607\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13606_426301-6d, .wp-block-kadence-advancedheading.kt-adv-heading13606_426301-6d[data-kb-block=\"kb-adv-heading13606_426301-6d\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13606_426301-6d mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13606_426301-6d[data-kb-block=\"kb-adv-heading13606_426301-6d\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13606_426301-6d img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13606_426301-6d[data-kb-block=\"kb-adv-heading13606_426301-6d\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"what-blocks-can-be-animated\" class=\"kt-adv-heading13606_426301-6d wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13606_426301-6d\">What Blocks Can Be Animated?<\/h2>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13606_c3942d-a5, .wp-block-kadence-advancedheading.kt-adv-heading13606_c3942d-a5[data-kb-block=\"kb-adv-heading13606_c3942d-a5\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13606_c3942d-a5 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13606_c3942d-a5[data-kb-block=\"kb-adv-heading13606_c3942d-a5\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13606_c3942d-a5 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13606_c3942d-a5[data-kb-block=\"kb-adv-heading13606_c3942d-a5\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading13606_c3942d-a5 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13606_c3942d-a5\">Kadence blocks that can be animated include:<\/p>\n\n\n<style>.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id13606_2a07e6-21{margin-bottom:var(--global-kb-spacing-sm, 1.5rem);}.kb-row-layout-id13606_2a07e6-21 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id13606_2a07e6-21 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id13606_2a07e6-21 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:0px;grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id13606_2a07e6-21 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id13606_2a07e6-21 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id13606_2a07e6-21 > .kt-row-column-wrap{row-gap:var(--global-kb-gap-none, 0rem );grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id13606_2a07e6-21 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column13606_ac4139-9c > .kt-inside-inner-col,.kadence-column13606_ac4139-9c > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column13606_ac4139-9c > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column13606_ac4139-9c > .kt-inside-inner-col{flex-direction:column;}.kadence-column13606_ac4139-9c > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column13606_ac4139-9c > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column13606_ac4139-9c{position:relative;}@media all and (max-width: 1024px){.kadence-column13606_ac4139-9c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column13606_ac4139-9c > .kt-inside-inner-col{padding-bottom:0px;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column13606_ac4139-9c\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-iconlist.kt-svg-icon-list-items13606_ad4baf-71:not(.this-stops-third-party-issues){margin-top:0px;margin-bottom:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items13606_ad4baf-71 ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){margin-top:0px;margin-right:0px;margin-bottom:var(--global-kb-spacing-sm, 1.5rem);margin-left:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items13606_ad4baf-71 ul.kt-svg-icon-list{grid-row-gap:5px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items13606_ad4baf-71 ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-right:10px;}.kt-svg-icon-list-items13606_ad4baf-71 ul.kt-svg-icon-list .kt-svg-icon-list-level-0 .kt-svg-icon-list-single svg{font-size:20px;}<\/style>\n<div class=\"wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items13606_ad4baf-71 kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop\"><ul class=\"kt-svg-icon-list\"><style>.kt-svg-icon-list-item-13606_6c1c54-84 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-13606_6c1c54-84\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kadence-blocks kt-svg-icon-list-single\"><svg viewBox=\"0 0 1024 1024\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M712 760.256h-129.728c-14.080 0-25.472-11.328-25.472-25.216 0-13.952 11.392-25.28 25.472-25.28h84.736c13.248-0.896 23.68-11.84 23.68-25.152 0-13.952-11.392-25.28-25.408-25.28h-132.672c-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.216 25.408-25.216h39.808c14.016 0 25.408-11.264 25.408-25.216 0-13.888-11.392-25.152-25.408-25.152h-59.904v-0.064h-125.568c-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.152 25.408-25.152l174.72-0.064c14.016 0 25.408-11.328 25.408-25.216s-11.392-25.152-25.408-25.152h-63.424c-14.016 0-25.408-11.328-25.408-25.216 0-13.952 11.392-25.216 25.408-25.216h120.576c0.64 0 1.216 0 1.792 0.064h43.072c14.080 0 25.472-11.328 25.472-25.28 0-13.888-11.392-25.216-25.472-25.216h-63.296c-13.184-0.96-23.616-11.84-23.616-25.152 0-13.952 11.392-25.28 25.472-25.28h99.776c0.064 0 0.192 0 0.32 0h117.632l-206.144 223.232 249.344 230.656h-150.528c-0.192 0-0.384 0-0.64 0zM467.776 709.76c14.016 0 25.344 11.264 25.344 25.152s-11.328 25.152-25.344 25.152h-93.12c-13.952 0-25.344-11.264-25.344-25.152s11.392-25.152 25.344-25.152h93.12zM430.912 608.896c14.016 0 25.472 11.328 25.472 25.28 0 13.888-11.456 25.216-25.472 25.216s-25.472-11.328-25.472-25.216c0-13.952 11.456-25.28 25.472-25.28zM297.984 508.096c14.016 0 25.408 11.264 25.408 25.216s-11.392 25.216-25.408 25.216c-14.080 0-25.472-11.264-25.472-25.216s11.392-25.216 25.472-25.216zM396.544 407.232c14.080 0 25.472 11.328 25.472 25.216 0 13.952-11.392 25.216-25.472 25.216-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.216 25.408-25.216zM487.808 306.368c14.016 0 25.408 11.264 25.408 25.152s-11.392 25.152-25.408 25.152h-58.816c-14.016 0-25.408-11.264-25.408-25.152s11.392-25.152 25.408-25.152h58.816z\"\/><path d=\"M939.392 177.92h-36.288v-75.648h-866.88v691.776h78.72v36.288h-114.944v-764.288h939.392v111.872z\"\/><path d=\"M1024 148.16v764.224h-939.392v-764.224h939.392zM120.896 184.384v691.776h866.88v-691.776h-866.88z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Section<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-13606_f69f0a-af .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-13606_f69f0a-af\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kadence-blocks kt-svg-icon-list-single\"><svg viewBox=\"0 0 1024 1024\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M712 760.256h-129.728c-14.080 0-25.472-11.328-25.472-25.216 0-13.952 11.392-25.28 25.472-25.28h84.736c13.248-0.896 23.68-11.84 23.68-25.152 0-13.952-11.392-25.28-25.408-25.28h-132.672c-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.216 25.408-25.216h39.808c14.016 0 25.408-11.264 25.408-25.216 0-13.888-11.392-25.152-25.408-25.152h-59.904v-0.064h-125.568c-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.152 25.408-25.152l174.72-0.064c14.016 0 25.408-11.328 25.408-25.216s-11.392-25.152-25.408-25.152h-63.424c-14.016 0-25.408-11.328-25.408-25.216 0-13.952 11.392-25.216 25.408-25.216h120.576c0.64 0 1.216 0 1.792 0.064h43.072c14.080 0 25.472-11.328 25.472-25.28 0-13.888-11.392-25.216-25.472-25.216h-63.296c-13.184-0.96-23.616-11.84-23.616-25.152 0-13.952 11.392-25.28 25.472-25.28h99.776c0.064 0 0.192 0 0.32 0h117.632l-206.144 223.232 249.344 230.656h-150.528c-0.192 0-0.384 0-0.64 0zM467.776 709.76c14.016 0 25.344 11.264 25.344 25.152s-11.328 25.152-25.344 25.152h-93.12c-13.952 0-25.344-11.264-25.344-25.152s11.392-25.152 25.344-25.152h93.12zM430.912 608.896c14.016 0 25.472 11.328 25.472 25.28 0 13.888-11.456 25.216-25.472 25.216s-25.472-11.328-25.472-25.216c0-13.952 11.456-25.28 25.472-25.28zM297.984 508.096c14.016 0 25.408 11.264 25.408 25.216s-11.392 25.216-25.408 25.216c-14.080 0-25.472-11.264-25.472-25.216s11.392-25.216 25.472-25.216zM396.544 407.232c14.080 0 25.472 11.328 25.472 25.216 0 13.952-11.392 25.216-25.472 25.216-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.216 25.408-25.216zM487.808 306.368c14.016 0 25.408 11.264 25.408 25.152s-11.392 25.152-25.408 25.152h-58.816c-14.016 0-25.408-11.264-25.408-25.152s11.392-25.152 25.408-25.152h58.816z\"\/><path d=\"M939.392 177.92h-36.288v-75.648h-866.88v691.776h78.72v36.288h-114.944v-764.288h939.392v111.872z\"\/><path d=\"M1024 148.16v764.224h-939.392v-764.224h939.392zM120.896 184.384v691.776h866.88v-691.776h-866.88z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Buttons (Adv) &#8211; Single Button<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-13606_11d298-77 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-13606_11d298-77\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kadence-blocks kt-svg-icon-list-single\"><svg viewBox=\"0 0 1024 1024\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M712 760.256h-129.728c-14.080 0-25.472-11.328-25.472-25.216 0-13.952 11.392-25.28 25.472-25.28h84.736c13.248-0.896 23.68-11.84 23.68-25.152 0-13.952-11.392-25.28-25.408-25.28h-132.672c-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.216 25.408-25.216h39.808c14.016 0 25.408-11.264 25.408-25.216 0-13.888-11.392-25.152-25.408-25.152h-59.904v-0.064h-125.568c-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.152 25.408-25.152l174.72-0.064c14.016 0 25.408-11.328 25.408-25.216s-11.392-25.152-25.408-25.152h-63.424c-14.016 0-25.408-11.328-25.408-25.216 0-13.952 11.392-25.216 25.408-25.216h120.576c0.64 0 1.216 0 1.792 0.064h43.072c14.080 0 25.472-11.328 25.472-25.28 0-13.888-11.392-25.216-25.472-25.216h-63.296c-13.184-0.96-23.616-11.84-23.616-25.152 0-13.952 11.392-25.28 25.472-25.28h99.776c0.064 0 0.192 0 0.32 0h117.632l-206.144 223.232 249.344 230.656h-150.528c-0.192 0-0.384 0-0.64 0zM467.776 709.76c14.016 0 25.344 11.264 25.344 25.152s-11.328 25.152-25.344 25.152h-93.12c-13.952 0-25.344-11.264-25.344-25.152s11.392-25.152 25.344-25.152h93.12zM430.912 608.896c14.016 0 25.472 11.328 25.472 25.28 0 13.888-11.456 25.216-25.472 25.216s-25.472-11.328-25.472-25.216c0-13.952 11.456-25.28 25.472-25.28zM297.984 508.096c14.016 0 25.408 11.264 25.408 25.216s-11.392 25.216-25.408 25.216c-14.080 0-25.472-11.264-25.472-25.216s11.392-25.216 25.472-25.216zM396.544 407.232c14.080 0 25.472 11.328 25.472 25.216 0 13.952-11.392 25.216-25.472 25.216-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.216 25.408-25.216zM487.808 306.368c14.016 0 25.408 11.264 25.408 25.152s-11.392 25.152-25.408 25.152h-58.816c-14.016 0-25.408-11.264-25.408-25.152s11.392-25.152 25.408-25.152h58.816z\"\/><path d=\"M939.392 177.92h-36.288v-75.648h-866.88v691.776h78.72v36.288h-114.944v-764.288h939.392v111.872z\"\/><path d=\"M1024 148.16v764.224h-939.392v-764.224h939.392zM120.896 184.384v691.776h866.88v-691.776h-866.88z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Text (Adv)<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-13606_9eaaab-11 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-13606_9eaaab-11\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kadence-blocks kt-svg-icon-list-single\"><svg viewBox=\"0 0 1024 1024\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M712 760.256h-129.728c-14.080 0-25.472-11.328-25.472-25.216 0-13.952 11.392-25.28 25.472-25.28h84.736c13.248-0.896 23.68-11.84 23.68-25.152 0-13.952-11.392-25.28-25.408-25.28h-132.672c-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.216 25.408-25.216h39.808c14.016 0 25.408-11.264 25.408-25.216 0-13.888-11.392-25.152-25.408-25.152h-59.904v-0.064h-125.568c-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.152 25.408-25.152l174.72-0.064c14.016 0 25.408-11.328 25.408-25.216s-11.392-25.152-25.408-25.152h-63.424c-14.016 0-25.408-11.328-25.408-25.216 0-13.952 11.392-25.216 25.408-25.216h120.576c0.64 0 1.216 0 1.792 0.064h43.072c14.080 0 25.472-11.328 25.472-25.28 0-13.888-11.392-25.216-25.472-25.216h-63.296c-13.184-0.96-23.616-11.84-23.616-25.152 0-13.952 11.392-25.28 25.472-25.28h99.776c0.064 0 0.192 0 0.32 0h117.632l-206.144 223.232 249.344 230.656h-150.528c-0.192 0-0.384 0-0.64 0zM467.776 709.76c14.016 0 25.344 11.264 25.344 25.152s-11.328 25.152-25.344 25.152h-93.12c-13.952 0-25.344-11.264-25.344-25.152s11.392-25.152 25.344-25.152h93.12zM430.912 608.896c14.016 0 25.472 11.328 25.472 25.28 0 13.888-11.456 25.216-25.472 25.216s-25.472-11.328-25.472-25.216c0-13.952 11.456-25.28 25.472-25.28zM297.984 508.096c14.016 0 25.408 11.264 25.408 25.216s-11.392 25.216-25.408 25.216c-14.080 0-25.472-11.264-25.472-25.216s11.392-25.216 25.472-25.216zM396.544 407.232c14.080 0 25.472 11.328 25.472 25.216 0 13.952-11.392 25.216-25.472 25.216-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.216 25.408-25.216zM487.808 306.368c14.016 0 25.408 11.264 25.408 25.152s-11.392 25.152-25.408 25.152h-58.816c-14.016 0-25.408-11.264-25.408-25.152s11.392-25.152 25.408-25.152h58.816z\"\/><path d=\"M939.392 177.92h-36.288v-75.648h-866.88v691.776h78.72v36.288h-114.944v-764.288h939.392v111.872z\"\/><path d=\"M1024 148.16v764.224h-939.392v-764.224h939.392zM120.896 184.384v691.776h866.88v-691.776h-866.88z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Form<\/span><\/li>\n<\/ul><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column13606_52f3a3-73 > .kt-inside-inner-col,.kadence-column13606_52f3a3-73 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column13606_52f3a3-73 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column13606_52f3a3-73 > .kt-inside-inner-col{flex-direction:column;}.kadence-column13606_52f3a3-73 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column13606_52f3a3-73 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column13606_52f3a3-73{position:relative;}@media all and (max-width: 1024px){.kadence-column13606_52f3a3-73 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column13606_52f3a3-73 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column13606_52f3a3-73\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-iconlist.kt-svg-icon-list-items13606_bfd44d-a7:not(.this-stops-third-party-issues){margin-top:0px;margin-bottom:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items13606_bfd44d-a7 ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){margin-top:0px;margin-right:0px;margin-bottom:var(--global-kb-spacing-sm, 1.5rem);margin-left:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items13606_bfd44d-a7 ul.kt-svg-icon-list{grid-row-gap:5px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items13606_bfd44d-a7 ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-right:10px;}.kt-svg-icon-list-items13606_bfd44d-a7 ul.kt-svg-icon-list .kt-svg-icon-list-level-0 .kt-svg-icon-list-single svg{font-size:20px;}<\/style>\n<div class=\"wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items13606_bfd44d-a7 kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop\"><ul class=\"kt-svg-icon-list\"><style>.kt-svg-icon-list-item-13606_ed71ef-73 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-13606_ed71ef-73\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kadence-blocks kt-svg-icon-list-single\"><svg viewBox=\"0 0 1024 1024\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M712 760.256h-129.728c-14.080 0-25.472-11.328-25.472-25.216 0-13.952 11.392-25.28 25.472-25.28h84.736c13.248-0.896 23.68-11.84 23.68-25.152 0-13.952-11.392-25.28-25.408-25.28h-132.672c-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.216 25.408-25.216h39.808c14.016 0 25.408-11.264 25.408-25.216 0-13.888-11.392-25.152-25.408-25.152h-59.904v-0.064h-125.568c-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.152 25.408-25.152l174.72-0.064c14.016 0 25.408-11.328 25.408-25.216s-11.392-25.152-25.408-25.152h-63.424c-14.016 0-25.408-11.328-25.408-25.216 0-13.952 11.392-25.216 25.408-25.216h120.576c0.64 0 1.216 0 1.792 0.064h43.072c14.080 0 25.472-11.328 25.472-25.28 0-13.888-11.392-25.216-25.472-25.216h-63.296c-13.184-0.96-23.616-11.84-23.616-25.152 0-13.952 11.392-25.28 25.472-25.28h99.776c0.064 0 0.192 0 0.32 0h117.632l-206.144 223.232 249.344 230.656h-150.528c-0.192 0-0.384 0-0.64 0zM467.776 709.76c14.016 0 25.344 11.264 25.344 25.152s-11.328 25.152-25.344 25.152h-93.12c-13.952 0-25.344-11.264-25.344-25.152s11.392-25.152 25.344-25.152h93.12zM430.912 608.896c14.016 0 25.472 11.328 25.472 25.28 0 13.888-11.456 25.216-25.472 25.216s-25.472-11.328-25.472-25.216c0-13.952 11.456-25.28 25.472-25.28zM297.984 508.096c14.016 0 25.408 11.264 25.408 25.216s-11.392 25.216-25.408 25.216c-14.080 0-25.472-11.264-25.472-25.216s11.392-25.216 25.472-25.216zM396.544 407.232c14.080 0 25.472 11.328 25.472 25.216 0 13.952-11.392 25.216-25.472 25.216-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.216 25.408-25.216zM487.808 306.368c14.016 0 25.408 11.264 25.408 25.152s-11.392 25.152-25.408 25.152h-58.816c-14.016 0-25.408-11.264-25.408-25.152s11.392-25.152 25.408-25.152h58.816z\"\/><path d=\"M939.392 177.92h-36.288v-75.648h-866.88v691.776h78.72v36.288h-114.944v-764.288h939.392v111.872z\"\/><path d=\"M1024 148.16v764.224h-939.392v-764.224h939.392zM120.896 184.384v691.776h866.88v-691.776h-866.88z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Image (Adv)<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-13606_4b61ac-20 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-13606_4b61ac-20\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kadence-blocks kt-svg-icon-list-single\"><svg viewBox=\"0 0 1024 1024\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M712 760.256h-129.728c-14.080 0-25.472-11.328-25.472-25.216 0-13.952 11.392-25.28 25.472-25.28h84.736c13.248-0.896 23.68-11.84 23.68-25.152 0-13.952-11.392-25.28-25.408-25.28h-132.672c-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.216 25.408-25.216h39.808c14.016 0 25.408-11.264 25.408-25.216 0-13.888-11.392-25.152-25.408-25.152h-59.904v-0.064h-125.568c-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.152 25.408-25.152l174.72-0.064c14.016 0 25.408-11.328 25.408-25.216s-11.392-25.152-25.408-25.152h-63.424c-14.016 0-25.408-11.328-25.408-25.216 0-13.952 11.392-25.216 25.408-25.216h120.576c0.64 0 1.216 0 1.792 0.064h43.072c14.080 0 25.472-11.328 25.472-25.28 0-13.888-11.392-25.216-25.472-25.216h-63.296c-13.184-0.96-23.616-11.84-23.616-25.152 0-13.952 11.392-25.28 25.472-25.28h99.776c0.064 0 0.192 0 0.32 0h117.632l-206.144 223.232 249.344 230.656h-150.528c-0.192 0-0.384 0-0.64 0zM467.776 709.76c14.016 0 25.344 11.264 25.344 25.152s-11.328 25.152-25.344 25.152h-93.12c-13.952 0-25.344-11.264-25.344-25.152s11.392-25.152 25.344-25.152h93.12zM430.912 608.896c14.016 0 25.472 11.328 25.472 25.28 0 13.888-11.456 25.216-25.472 25.216s-25.472-11.328-25.472-25.216c0-13.952 11.456-25.28 25.472-25.28zM297.984 508.096c14.016 0 25.408 11.264 25.408 25.216s-11.392 25.216-25.408 25.216c-14.080 0-25.472-11.264-25.472-25.216s11.392-25.216 25.472-25.216zM396.544 407.232c14.080 0 25.472 11.328 25.472 25.216 0 13.952-11.392 25.216-25.472 25.216-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.216 25.408-25.216zM487.808 306.368c14.016 0 25.408 11.264 25.408 25.152s-11.392 25.152-25.408 25.152h-58.816c-14.016 0-25.408-11.264-25.408-25.152s11.392-25.152 25.408-25.152h58.816z\"\/><path d=\"M939.392 177.92h-36.288v-75.648h-866.88v691.776h78.72v36.288h-114.944v-764.288h939.392v111.872z\"\/><path d=\"M1024 148.16v764.224h-939.392v-764.224h939.392zM120.896 184.384v691.776h866.88v-691.776h-866.88z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Video Popup<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-13606_83592d-26 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-13606_83592d-26\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kadence-blocks kt-svg-icon-list-single\"><svg viewBox=\"0 0 1024 1024\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M712 760.256h-129.728c-14.080 0-25.472-11.328-25.472-25.216 0-13.952 11.392-25.28 25.472-25.28h84.736c13.248-0.896 23.68-11.84 23.68-25.152 0-13.952-11.392-25.28-25.408-25.28h-132.672c-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.216 25.408-25.216h39.808c14.016 0 25.408-11.264 25.408-25.216 0-13.888-11.392-25.152-25.408-25.152h-59.904v-0.064h-125.568c-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.152 25.408-25.152l174.72-0.064c14.016 0 25.408-11.328 25.408-25.216s-11.392-25.152-25.408-25.152h-63.424c-14.016 0-25.408-11.328-25.408-25.216 0-13.952 11.392-25.216 25.408-25.216h120.576c0.64 0 1.216 0 1.792 0.064h43.072c14.080 0 25.472-11.328 25.472-25.28 0-13.888-11.392-25.216-25.472-25.216h-63.296c-13.184-0.96-23.616-11.84-23.616-25.152 0-13.952 11.392-25.28 25.472-25.28h99.776c0.064 0 0.192 0 0.32 0h117.632l-206.144 223.232 249.344 230.656h-150.528c-0.192 0-0.384 0-0.64 0zM467.776 709.76c14.016 0 25.344 11.264 25.344 25.152s-11.328 25.152-25.344 25.152h-93.12c-13.952 0-25.344-11.264-25.344-25.152s11.392-25.152 25.344-25.152h93.12zM430.912 608.896c14.016 0 25.472 11.328 25.472 25.28 0 13.888-11.456 25.216-25.472 25.216s-25.472-11.328-25.472-25.216c0-13.952 11.456-25.28 25.472-25.28zM297.984 508.096c14.016 0 25.408 11.264 25.408 25.216s-11.392 25.216-25.408 25.216c-14.080 0-25.472-11.264-25.472-25.216s11.392-25.216 25.472-25.216zM396.544 407.232c14.080 0 25.472 11.328 25.472 25.216 0 13.952-11.392 25.216-25.472 25.216-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.216 25.408-25.216zM487.808 306.368c14.016 0 25.408 11.264 25.408 25.152s-11.392 25.152-25.408 25.152h-58.816c-14.016 0-25.408-11.264-25.408-25.152s11.392-25.152 25.408-25.152h58.816z\"\/><path d=\"M939.392 177.92h-36.288v-75.648h-866.88v691.776h78.72v36.288h-114.944v-764.288h939.392v111.872z\"\/><path d=\"M1024 148.16v764.224h-939.392v-764.224h939.392zM120.896 184.384v691.776h866.88v-691.776h-866.88z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Image Overlay<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-13606_387533-a3 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-13606_387533-a3\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kadence-blocks kt-svg-icon-list-single\"><svg viewBox=\"0 0 1024 1024\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M712 760.256h-129.728c-14.080 0-25.472-11.328-25.472-25.216 0-13.952 11.392-25.28 25.472-25.28h84.736c13.248-0.896 23.68-11.84 23.68-25.152 0-13.952-11.392-25.28-25.408-25.28h-132.672c-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.216 25.408-25.216h39.808c14.016 0 25.408-11.264 25.408-25.216 0-13.888-11.392-25.152-25.408-25.152h-59.904v-0.064h-125.568c-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.152 25.408-25.152l174.72-0.064c14.016 0 25.408-11.328 25.408-25.216s-11.392-25.152-25.408-25.152h-63.424c-14.016 0-25.408-11.328-25.408-25.216 0-13.952 11.392-25.216 25.408-25.216h120.576c0.64 0 1.216 0 1.792 0.064h43.072c14.080 0 25.472-11.328 25.472-25.28 0-13.888-11.392-25.216-25.472-25.216h-63.296c-13.184-0.96-23.616-11.84-23.616-25.152 0-13.952 11.392-25.28 25.472-25.28h99.776c0.064 0 0.192 0 0.32 0h117.632l-206.144 223.232 249.344 230.656h-150.528c-0.192 0-0.384 0-0.64 0zM467.776 709.76c14.016 0 25.344 11.264 25.344 25.152s-11.328 25.152-25.344 25.152h-93.12c-13.952 0-25.344-11.264-25.344-25.152s11.392-25.152 25.344-25.152h93.12zM430.912 608.896c14.016 0 25.472 11.328 25.472 25.28 0 13.888-11.456 25.216-25.472 25.216s-25.472-11.328-25.472-25.216c0-13.952 11.456-25.28 25.472-25.28zM297.984 508.096c14.016 0 25.408 11.264 25.408 25.216s-11.392 25.216-25.408 25.216c-14.080 0-25.472-11.264-25.472-25.216s11.392-25.216 25.472-25.216zM396.544 407.232c14.080 0 25.472 11.328 25.472 25.216 0 13.952-11.392 25.216-25.472 25.216-14.016 0-25.408-11.264-25.408-25.216 0-13.888 11.392-25.216 25.408-25.216zM487.808 306.368c14.016 0 25.408 11.264 25.408 25.152s-11.392 25.152-25.408 25.152h-58.816c-14.016 0-25.408-11.264-25.408-25.152s11.392-25.152 25.408-25.152h58.816z\"\/><path d=\"M939.392 177.92h-36.288v-75.648h-866.88v691.776h78.72v36.288h-114.944v-764.288h939.392v111.872z\"\/><path d=\"M1024 148.16v764.224h-939.392v-764.224h939.392zM120.896 184.384v691.776h866.88v-691.776h-866.88z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Split Content<\/span><\/li>\n<\/ul><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p><strong>Pro Tip:<\/strong>  You can animate any content by including it inside an animated Section block.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13606_0b97ca-ff, .wp-block-kadence-advancedheading.kt-adv-heading13606_0b97ca-ff[data-kb-block=\"kb-adv-heading13606_0b97ca-ff\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13606_0b97ca-ff mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13606_0b97ca-ff[data-kb-block=\"kb-adv-heading13606_0b97ca-ff\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13606_0b97ca-ff img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13606_0b97ca-ff[data-kb-block=\"kb-adv-heading13606_0b97ca-ff\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"how-to-animate-a-block\" class=\"kt-adv-heading13606_0b97ca-ff wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13606_0b97ca-ff\">How To Animate A Block<\/h2>\n\n\n\n<p><strong>Step 1:<\/strong>  Insert one of the blocks listed above.<\/p>\n\n\n\n<p><strong>Step 2:<\/strong>  Click the <strong>Advanced<\/strong> settings tab and open the <strong>Animate on Scroll<\/strong> section<\/p>\n\n\n\n<p><strong>Step 3:<\/strong>  Select an <strong>Animation<\/strong> and adjust your settings<\/p>\n\n\n<style>.kb-image13606_a8a65c-78 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image13606_a8a65c-78 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2055\" height=\"1148\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/AOS-Gif.gif\" alt=\"AOS Gif\" class=\"kb-img wp-image-13652\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13606_bf156f-78, .wp-block-kadence-advancedheading.kt-adv-heading13606_bf156f-78[data-kb-block=\"kb-adv-heading13606_bf156f-78\"]{margin-bottom:0px;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13606_bf156f-78 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13606_bf156f-78[data-kb-block=\"kb-adv-heading13606_bf156f-78\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13606_bf156f-78 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13606_bf156f-78[data-kb-block=\"kb-adv-heading13606_bf156f-78\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"animation-settings\" class=\"kt-adv-heading13606_bf156f-78 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13606_bf156f-78\">Animation Settings<\/h3>\n\n\n<style>.kb-row-layout-id13606_cd4c9f-43 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id13606_cd4c9f-43 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id13606_cd4c9f-43 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-xs, 1rem);padding-bottom:0px;grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id13606_cd4c9f-43 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id13606_cd4c9f-43 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id13606_cd4c9f-43 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id13606_cd4c9f-43 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column13606_7063cc-33 > .kt-inside-inner-col,.kadence-column13606_7063cc-33 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column13606_7063cc-33 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column13606_7063cc-33 > .kt-inside-inner-col{flex-direction:column;}.kadence-column13606_7063cc-33 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column13606_7063cc-33 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column13606_7063cc-33{position:relative;}@media all and (max-width: 1024px){.kadence-column13606_7063cc-33 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column13606_7063cc-33 > .kt-inside-inner-col{padding-top:0px;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column13606_7063cc-33\"><div class=\"kt-inside-inner-col\">\n<p><strong>Animation:<\/strong>  Select an animation from the dropdown.  Selecting an animation will reveal the additional settings.<\/p>\n\n\n\n<p><strong>Animation Duration:<\/strong>  Choose how long the animation will last, start to finish.  Use the slider to select 50 &#8211; 3000ms (0.05 &#8211; 3 seconds).  Default\/empty is 400ms (0.4 seconds).<\/p>\n\n\n\n<p><strong>Animation Ease:<\/strong>  Select one of several easing functions or leave blank for no easing.<\/p>\n\n\n\n<p><strong>Start Delay:<\/strong>  Select the time delay for the animation to start as the element scrolls into view.  Select 50 &#8211; 3000ms (0.05 &#8211; 3 seconds) delay.  Default\/empty is 0 seconds.<\/p>\n\n\n\n<p><strong>Only Show Once Per Page Load:<\/strong>  Default\/False will show every time the user scrolls down.  True will only show once per page load.<\/p>\n\n\n\n<p><strong>Pixel offset for when animation triggers:<\/strong>  Slide to adjust from -300 &#8211; 300 pixels.  Default\/empty is 0.<\/p>\n\n\n\n<p>To preview your animation in the editor, click the play \u25b6 button.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column13606_50ac75-02 > .kt-inside-inner-col,.kadence-column13606_50ac75-02 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column13606_50ac75-02 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column13606_50ac75-02 > .kt-inside-inner-col{flex-direction:column;}.kadence-column13606_50ac75-02 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column13606_50ac75-02 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column13606_50ac75-02{position:relative;}@media all and (max-width: 1024px){.kadence-column13606_50ac75-02 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column13606_50ac75-02 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column13606_50ac75-02\"><div class=\"kt-inside-inner-col\"><style>.kb-image13606_0f3e88-e2.kb-image-is-ratio-size, .kb-image13606_0f3e88-e2 .kb-image-is-ratio-size{max-width:300px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image13606_0f3e88-e2.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image13606_0f3e88-e2 .kb-image-is-ratio-size{align-self:unset;}.kb-image13606_0f3e88-e2 figure{max-width:300px;}.kb-image13606_0f3e88-e2 .image-is-svg, .kb-image13606_0f3e88-e2 .image-is-svg img{width:100%;}.kb-image13606_0f3e88-e2 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image13606_0f3e88-e2\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"1024\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Screenshot-2025-07-08-at-10.03.50\u202fAM-512x1024.png\" alt=\"Animate on Scroll settings\" class=\"kb-img wp-image-13624\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Screenshot-2025-07-08-at-10.03.50\u202fAM-512x1024.png 512w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Screenshot-2025-07-08-at-10.03.50\u202fAM-150x300.png 150w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Screenshot-2025-07-08-at-10.03.50\u202fAM-256x512.png 256w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Screenshot-2025-07-08-at-10.03.50\u202fAM.png 556w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13606_3d419e-fa, .wp-block-kadence-advancedheading.kt-adv-heading13606_3d419e-fa[data-kb-block=\"kb-adv-heading13606_3d419e-fa\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13606_3d419e-fa mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13606_3d419e-fa[data-kb-block=\"kb-adv-heading13606_3d419e-fa\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13606_3d419e-fa img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13606_3d419e-fa[data-kb-block=\"kb-adv-heading13606_3d419e-fa\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"default-settings\" class=\"kt-adv-heading13606_3d419e-fa wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13606_3d419e-fa\">Default Settings<\/h3>\n\n\n<style>.kb-row-layout-id13606_58a7da-76 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id13606_58a7da-76 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id13606_58a7da-76 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-xs, 1rem);padding-bottom:0px;grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id13606_58a7da-76 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id13606_58a7da-76 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id13606_58a7da-76 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id13606_58a7da-76 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column13606_a97ea2-a5 > .kt-inside-inner-col,.kadence-column13606_a97ea2-a5 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column13606_a97ea2-a5 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column13606_a97ea2-a5 > .kt-inside-inner-col{flex-direction:column;}.kadence-column13606_a97ea2-a5 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column13606_a97ea2-a5 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column13606_a97ea2-a5{position:relative;}@media all and (max-width: 1024px){.kadence-column13606_a97ea2-a5 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column13606_a97ea2-a5 > .kt-inside-inner-col{padding-top:0px;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column13606_a97ea2-a5\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading13606_d9b1b5-b4, .wp-block-kadence-advancedheading.kt-adv-heading13606_d9b1b5-b4[data-kb-block=\"kb-adv-heading13606_d9b1b5-b4\"]{margin-bottom:0px;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13606_d9b1b5-b4 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13606_d9b1b5-b4[data-kb-block=\"kb-adv-heading13606_d9b1b5-b4\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13606_d9b1b5-b4 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13606_d9b1b5-b4[data-kb-block=\"kb-adv-heading13606_d9b1b5-b4\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading13606_d9b1b5-b4 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13606_d9b1b5-b4\">You can set default settings by going to <strong>Kadence Blocks Control &gt; Block Visibility &gt; Animate on Scroll<\/strong><\/p>\n\n\n<style>.kb-image13606_ef370e-5a.kb-image-is-ratio-size, .kb-image13606_ef370e-5a .kb-image-is-ratio-size{max-width:200px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image13606_ef370e-5a.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image13606_ef370e-5a .kb-image-is-ratio-size{align-self:unset;}.kb-image13606_ef370e-5a figure{max-width:200px;}.kb-image13606_ef370e-5a .image-is-svg, .kb-image13606_ef370e-5a .image-is-svg img{width:100%;}.kb-image13606_ef370e-5a .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image13606_ef370e-5a\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"717\" height=\"858\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Block-Controls.jpg\" alt=\"Block Controls\" class=\"kb-img wp-image-15836\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Block-Controls.jpg 717w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Block-Controls-251x300.jpg 251w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/Block-Controls-360x431.jpg 360w\" sizes=\"auto, (max-width: 717px) 100vw, 717px\" \/><\/figure><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13606_339d22-18, .wp-block-kadence-advancedheading.kt-adv-heading13606_339d22-18[data-kb-block=\"kb-adv-heading13606_339d22-18\"]{margin-bottom:0px;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13606_339d22-18 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13606_339d22-18[data-kb-block=\"kb-adv-heading13606_339d22-18\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13606_339d22-18 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13606_339d22-18[data-kb-block=\"kb-adv-heading13606_339d22-18\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading13606_339d22-18 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13606_339d22-18\">From here, you can configure the <strong>Default Animation Settings<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Animation Duration<\/strong> <\/li>\n\n\n\n<li><strong>Animation Ease<\/strong> <\/li>\n\n\n\n<li><strong>Start Delay<\/strong> <\/li>\n\n\n\n<li><strong>Only show once per page load<\/strong> <\/li>\n\n\n\n<li><strong>Pixel Offset for When Animation Triggers<\/strong> <\/li>\n<\/ul>\n\n\n\n<p>After making changes, click <strong>Save\/Close<\/strong> to apply your default settings.<\/p>\n\n\n\n<p><strong>Note:<\/strong> These defaults will only apply to <em>newly added blocks<\/em>. Existing blocks will keep their current animation settings.<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column13606_5d1980-86 > .kt-inside-inner-col,.kadence-column13606_5d1980-86 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column13606_5d1980-86 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column13606_5d1980-86 > .kt-inside-inner-col{flex-direction:column;}.kadence-column13606_5d1980-86 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column13606_5d1980-86 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column13606_5d1980-86{position:relative;}@media all and (max-width: 1024px){.kadence-column13606_5d1980-86 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column13606_5d1980-86 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column13606_5d1980-86\"><div class=\"kt-inside-inner-col\"><style>.kb-image13606_df323e-64 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image13606_df323e-64 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"771\" height=\"1024\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/aos-default-settings-771x1024.png\" alt=\"\" class=\"kb-img wp-image-15207\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/aos-default-settings-771x1024.png 771w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/aos-default-settings-226x300.png 226w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/aos-default-settings-768x1021.png 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/aos-default-settings-360x478.png 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/07\/aos-default-settings.png 882w\" sizes=\"auto, (max-width: 771px) 100vw, 771px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13606_ae9483-ac, .wp-block-kadence-advancedheading.kt-adv-heading13606_ae9483-ac[data-kb-block=\"kb-adv-heading13606_ae9483-ac\"]{margin-bottom:var(--global-kb-spacing-xs, 1rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13606_ae9483-ac mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13606_ae9483-ac[data-kb-block=\"kb-adv-heading13606_ae9483-ac\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13606_ae9483-ac img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13606_ae9483-ac[data-kb-block=\"kb-adv-heading13606_ae9483-ac\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"animate-on-scroll-tips\" class=\"kt-adv-heading13606_ae9483-ac wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13606_ae9483-ac\">Animate on Scroll Tips<\/h2>\n\n\n\n<p>When using scroll animations, less is more. Animations should enhance the user experience, not distract from it.  A good rule of thumb: if an animation helps draw attention or guide the visitor&#8217;s eyes, it&#8217;s likely worth including. If it&#8217;s just for decoration, consider leaving it static.<\/p>\n\n\n\n<p>Here are a few tips for deciding how many and which elements to animate on a WordPress page:<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13606_ec6744-87, .wp-block-kadence-advancedheading.kt-adv-heading13606_ec6744-87[data-kb-block=\"kb-adv-heading13606_ec6744-87\"]{margin-bottom:var(--global-kb-spacing-xs, 1rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13606_ec6744-87 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13606_ec6744-87[data-kb-block=\"kb-adv-heading13606_ec6744-87\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13606_ec6744-87 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13606_ec6744-87[data-kb-block=\"kb-adv-heading13606_ec6744-87\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading13606_ec6744-87 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13606_ec6744-87\">Focus on Key Content<\/h3>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13606_feaa02-f6, .wp-block-kadence-advancedheading.kt-adv-heading13606_feaa02-f6[data-kb-block=\"kb-adv-heading13606_feaa02-f6\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13606_feaa02-f6 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13606_feaa02-f6[data-kb-block=\"kb-adv-heading13606_feaa02-f6\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13606_feaa02-f6 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13606_feaa02-f6[data-kb-block=\"kb-adv-heading13606_feaa02-f6\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading13606_feaa02-f6 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13606_feaa02-f6\">Animate the most important elements you want visitors to notice, such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Headings or section titles<\/li>\n\n\n\n<li>Feature images or product highlights<\/li>\n\n\n\n<li>Call-to-action buttons (e.g., &#8220;Contact Us&#8221; or &#8220;Buy Now&#8221;)<\/li>\n\n\n\n<li>Testimonials or statistics<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13606_ab7226-45, .wp-block-kadence-advancedheading.kt-adv-heading13606_ab7226-45[data-kb-block=\"kb-adv-heading13606_ab7226-45\"]{margin-bottom:var(--global-kb-spacing-xs, 1rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13606_ab7226-45 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13606_ab7226-45[data-kb-block=\"kb-adv-heading13606_ab7226-45\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13606_ab7226-45 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13606_ab7226-45[data-kb-block=\"kb-adv-heading13606_ab7226-45\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading13606_ab7226-45 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13606_ab7226-45\">Avoid Overuse<\/h3>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13606_d7d42f-f6, .wp-block-kadence-advancedheading.kt-adv-heading13606_d7d42f-f6[data-kb-block=\"kb-adv-heading13606_d7d42f-f6\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13606_d7d42f-f6 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13606_d7d42f-f6[data-kb-block=\"kb-adv-heading13606_d7d42f-f6\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13606_d7d42f-f6 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13606_d7d42f-f6[data-kb-block=\"kb-adv-heading13606_d7d42f-f6\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading13606_d7d42f-f6 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13606_d7d42f-f6\">Too many animations can feel overwhelming or slow down your site. Avoid animating:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Every paragraph of text<\/li>\n\n\n\n<li>Small icons or decorative elements<\/li>\n\n\n\n<li>Navigation items (unless it&#8217;s intentional and subtle)<\/li>\n\n\n\n<li>Nesting animations (i.e., animating a block inside another animated block)<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13606_367a4e-7f, .wp-block-kadence-advancedheading.kt-adv-heading13606_367a4e-7f[data-kb-block=\"kb-adv-heading13606_367a4e-7f\"]{margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13606_367a4e-7f mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13606_367a4e-7f[data-kb-block=\"kb-adv-heading13606_367a4e-7f\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13606_367a4e-7f img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13606_367a4e-7f[data-kb-block=\"kb-adv-heading13606_367a4e-7f\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading13606_367a4e-7f wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13606_367a4e-7f\">Animate on scroll can impact performance, especially on slower computers or mobile devices.  Some performance tips include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Animate fewer elements (i.e., less is more)<\/li>\n\n\n\n<li>Use lightweight effects (i.e,. use fade or slide versus zoom or flip)<\/li>\n\n\n\n<li>Stagger animations (i.e., delay animations to avoid multiple simultaneous animations)<\/li>\n\n\n\n<li>Limit animation duration (i.e,. 600ms or less)<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13606_73a77f-f0, .wp-block-kadence-advancedheading.kt-adv-heading13606_73a77f-f0[data-kb-block=\"kb-adv-heading13606_73a77f-f0\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13606_73a77f-f0 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13606_73a77f-f0[data-kb-block=\"kb-adv-heading13606_73a77f-f0\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13606_73a77f-f0 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13606_73a77f-f0[data-kb-block=\"kb-adv-heading13606_73a77f-f0\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading13606_73a77f-f0 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13606_73a77f-f0\">Keep It Consistent<\/h3>\n\n\n\n<p>Stick to one or two animation styles across the page to maintain a clean, professional look. For example, use a fade-up for content sections and a slide-in for images.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13606_9e1ee2-43, .wp-block-kadence-advancedheading.kt-adv-heading13606_9e1ee2-43[data-kb-block=\"kb-adv-heading13606_9e1ee2-43\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading13606_9e1ee2-43 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13606_9e1ee2-43[data-kb-block=\"kb-adv-heading13606_9e1ee2-43\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading13606_9e1ee2-43 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading13606_9e1ee2-43[data-kb-block=\"kb-adv-heading13606_9e1ee2-43\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading13606_9e1ee2-43 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13606_9e1ee2-43\">Test Responsiveness<\/h3>\n\n\n\n<p>Kadence Animate on Scroll settings apply to all screen sizes. Be sure to test your animations on tablets and mobile devices. What looks great on a desktop might feel too busy or confusing on smaller screens.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Want to make your WordPress site feel more modern and engaging? Adding animations that trigger as you scroll down the page is a simple way to bring your content to life. Whether it&#8217;s images fading in or text sliding up, these subtle effects can make a big impact. In this guide, we\u2019ll show you how&#8230;<\/p>\n","protected":false},"author":227588,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[417],"doc_tag":[],"knowledge_base":[7],"class_list":["post-13606","docs","type-docs","status-publish","hentry","doc_category-block-tutorials","knowledge_base-kadence-blocks"],"year_month":"2026-04","word_count":723,"total_views":"4065","reactions":{"happy":"2","normal":"0","sad":"0"},"author_info":{"display_name":"Anthony Paparelli","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/anthony-paparelli\/"},"doc_category_info":[{"term_name":"Block Tutorials","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/block-tutorials\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Blocks","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/","term_slug":"kadence-blocks"}],"knowledge_base_slug":["kadence-blocks"],"taxonomy_info":{"doc_category":[{"value":417,"label":"Block Tutorials"}],"knowledge_base":[{"value":7,"label":"Kadence Blocks"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/13606","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/227588"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=13606"}],"version-history":[{"count":49,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/13606\/revisions"}],"predecessor-version":[{"id":15837,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/13606\/revisions\/15837"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=13606"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=13606"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=13606"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=13606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}