{"schemaVersion":"2.0.0","defaultLanguage":"en","languages":["en"],"launchScreenId":"article_screen_CMASK9PMU0kpkxDwhcRj","screens":{"article_screen_CMASK9PMU0kpkxDwhcRj":{"id":"article_screen_CMASK9PMU0kpkxDwhcRj","name":"Animation — all settings","tags":["article"],"screenType":"FlexibleLayout","position":{"x":0,"y":0},"content":{"canvas":{"background":{"kind":"solid","content":{"color":"#F7F8FA"}},"insets":{"top":0,"end":0,"bottom":0,"start":0},"webViewBackgroundColor":"#F7F8FA"},"animated":false,"offlineFirst":true,"flexibleLayout":{"scrollable":true,"insets":{"top":48,"end":32,"bottom":56,"start":32},"sections":[{"id":"intro","order":0,"kind":"Text","label":"Intro","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Animation — every setting"},"kind":"static","appearance":{"align":"start","fontSize":28,"fontWeight":800,"lineHeight":34,"color":"#101828"}},"subtitle":{"translations":{"en":"How the screen's standard elements (header, image or video, title and subtitle, choices or bullets, paywall products, action bar) animate in when it opens — style, speed, stagger, easing, and per-element overrides, which take priority over the theme's default motion. This guide documents every setting of the Animation block, grouped by area. Each setting matches a real control in the screen editor."},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":400,"lineHeight":26,"color":"#475467"}}}},{"id":"section-context","order":1,"kind":"Media","label":"Animation in the editor","layout":{"heightKind":"fixed","heightValue":360,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-animation-section/0.1.0/configure-animation-section-2026-09-30T02-01-24-876Z-bc17b5f1/context-section.png","name":"The screen editor with the Animation section highlighted."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"section-context-cap","order":2,"kind":"Text","label":"Context caption","layout":{"heightKind":"auto"},"textContent":{"subtitle":{"translations":{"en":"Open the Animation section in the screen editor to configure its settings."},"kind":"static","appearance":{"align":"start","fontSize":13,"fontWeight":500,"lineHeight":19,"color":"#667085"}}}},{"id":"g-entrance-head","order":3,"kind":"Text","label":"Group: Screen entrance","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Screen entrance"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"g-entrance-el","order":4,"kind":"Media","label":"Screen entrance in the section","layout":{"heightKind":"fixed","heightValue":264,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-animation-section/0.1.0/configure-animation-section-2026-09-30T02-01-24-876Z-bc17b5f1/open-section-entrance.png","name":"Where the Screen entrance sits inside the open Animation section."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"g-entrance-el-cap","order":5,"kind":"Text","label":"Element caption","layout":{"heightKind":"auto"},"textContent":{"subtitle":{"translations":{"en":"Inside the Animation section, this is the “Screen entrance” group."},"kind":"static","appearance":{"align":"start","fontSize":13,"fontWeight":500,"lineHeight":19,"color":"#667085"}}}},{"id":"set-animation-content-screenanimation","order":6,"kind":"Text","label":"Screen entrance · Give this screen its own entrance","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Give this screen its own entrance"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Turns on this screen's own entrance: its standard elements, such as the header, images, title, and action bar, animate in one after another in a fixed order when a visitor arrives. Switching it on starts with Fade In Up, 450 ms, and an 80 ms stagger (adjust them below) and overrides your theme's entrance for this screen. Switched off, the screen plays the Legacy fade-in if that toggle is on, otherwise your theme's entrance (shown as 'Inherited from theme'), or no entrance if the theme has none."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-animation-content-screenanimation-enteranimation-preset","order":7,"kind":"Text","label":"Screen entrance · Entrance style","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Entrance style"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Chooses how each animated element appears when the screen opens: fades, slides, scales, zooms, bounces, flips, and more, many with a choice of direction. Fade In Up is the default and suits almost any screen. Keep calm fades and slides on question and paywall screens, and save bouncy or flipping styles for a playful brand or a single highlight moment."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-animation-content-screenanimation-enteranimation-preset-img","order":8,"kind":"Media","label":"Entrance style","layout":{"heightKind":"fixed","heightValue":120,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-animation-section/0.1.0/configure-animation-section-2026-09-30T02-01-24-876Z-bc17b5f1/entrance-enabled-preset.png","name":"Where to find “Entrance style” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-animation-content-screenanimation-enteranimation-timing-duration","order":9,"kind":"Text","label":"Screen entrance · Entrance duration","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Entrance duration"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"How long each animated element's entrance lasts, in milliseconds, from 50 to 10,000; Screen Entrance starts at 450. Around 300 to 600 ms feels quick and polished, while long entrances make visitors wait before they can read and tap. The preview replays after every change, so you can judge the speed right away."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-animation-content-screenanimation-enteranimation-timing-duration-img","order":10,"kind":"Media","label":"Entrance duration","layout":{"heightKind":"fixed","heightValue":109,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-animation-section/0.1.0/configure-animation-section-2026-09-30T02-01-24-876Z-bc17b5f1/entrance-enabled-duration.png","name":"Where to find “Entrance duration” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-animation-content-screenanimation-stagger-delayperitem","order":11,"kind":"Text","label":"Screen entrance · Delay between elements","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Delay between elements"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"The pause, in milliseconds, before each next element starts its entrance, so the screen builds up in order instead of appearing all at once. Set it from 0 to 1,000: Screen Entrance starts at 80, and 0 makes all elements enter together. Elements you give their own entrance under Advanced, and answer choices with an Item Animation, start right away instead of waiting their turn. Keep it small, since the pauses add up for elements later in the order, such as the action bar."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-animation-content-screenanimation-stagger-delayperitem-img","order":12,"kind":"Media","label":"Delay between elements","layout":{"heightKind":"fixed","heightValue":113,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-animation-section/0.1.0/configure-animation-section-2026-09-30T02-01-24-876Z-bc17b5f1/entrance-enabled-stagger.png","name":"Where to find “Delay between elements” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"g-advanced-head","order":13,"kind":"Text","label":"Group: Advanced","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Advanced"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"g-advanced-el","order":14,"kind":"Media","label":"Advanced in the section","layout":{"heightKind":"fixed","heightValue":264,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-animation-section/0.1.0/configure-animation-section-2026-09-30T02-01-24-876Z-bc17b5f1/open-section-advanced.png","name":"Where the Advanced sits inside the open Animation section."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"g-advanced-el-cap","order":15,"kind":"Text","label":"Element caption","layout":{"heightKind":"auto"},"textContent":{"subtitle":{"translations":{"en":"Inside the Animation section, this is the “Advanced” group."},"kind":"static","appearance":{"align":"start","fontSize":13,"fontWeight":500,"lineHeight":19,"color":"#667085"}}}},{"id":"set-animation-content-screenanimation-enteranimation-timing-easing","order":16,"kind":"Text","label":"Advanced · Entrance easing","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Entrance easing"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Shapes how the entrance speeds up and slows down. The default, Ease Out, starts quickly and settles gently; Ease Out Back adds a slight overshoot, and Linear moves at a constant speed. It sits under Advanced and only appears while Screen Entrance is on, and most screens can keep the default."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-animation-content-screenanimation-enteranimation-timing-easing-img","order":17,"kind":"Media","label":"Entrance easing","layout":{"heightKind":"fixed","heightValue":160,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-animation-section/0.1.0/configure-animation-section-2026-09-30T02-01-24-876Z-bc17b5f1/advanced-easing.png","name":"Where to find “Entrance easing” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-animation-content-animated","order":18,"kind":"Text","label":"Advanced · Legacy fade-in","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Legacy fade-in"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Shows under Legacy on screens that had it switched on when you opened the editor and have no Screen Entrance set. That includes older screens, and screens whose entrance came from a theme's motion scheme once you switch Screen Entrance off. While on, the screen plays a simple fade-in as it appears; turn on Screen Entrance above to replace it with the style, speed, and stagger you choose. Switched off, the screen follows your theme's entrance, or appears without one if the theme has none."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"an-preview-head","order":19,"kind":"Text","label":"Preview","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Preview"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"an-preview","order":20,"kind":"Text","label":"Play animations","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Play animations"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Replays this screen’s entrance in the live preview — its Screen Entrance (or the theme’s default, or the Legacy fade-in) plus every per-element override — so you can check the style, speed and stagger without leaving the editor. Re-clickable while it plays: it restarts."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"an-preview-img","order":21,"kind":"Media","label":"Play animations button","layout":{"heightKind":"fixed","heightValue":140,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-animation-section/0.1.0/configure-animation-section-2026-09-30T02-01-24-876Z-bc17b5f1/open-section-preview.png","name":"The “Play animations” button in the screen editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"an-paywall-head","order":22,"kind":"Text","label":"Paywall","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Paywall"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"an-paywall-products","order":23,"kind":"Text","label":"Products entrance override","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Products entrance override"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"On a Paywall screen, the Advanced per-element overrides list adds a “Products” row for the plan cards — set its own entrance style, or None to keep the products in place while the rest of the screen animates in. This row only appears on a Paywall screen; other screen types never show it."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"an-paywall-products-img","order":24,"kind":"Media","label":"Products entrance override","layout":{"heightKind":"fixed","heightValue":525,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-animation-section/0.1.0/configure-animation-section-2026-09-30T02-01-24-876Z-bc17b5f1/paywall-products.png","name":"The Products row in the Animation section’s Advanced overrides, on a Paywall screen."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"an-visitors-head","order":25,"kind":"Text","label":"What visitors see","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"What visitors see on your published page"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"an-visitors-first","order":26,"kind":"Text","label":"First screen","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"The first screen plays its entrance as the page appears"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"When a visitor opens your published funnel, the first screen plays its entrance right away, once. It uses the Screen Entrance you set here; on an older screen that still has Legacy fade-in on (and no Screen Entrance), a simple fade-in; otherwise your theme’s entrance. With none of these, the screen appears without an entrance. If the visitor taps or presses a key before the entrance finishes, it ends at once and the screen shows in its final state."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"an-visitors-later","order":27,"kind":"Text","label":"Later screens","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Later screens play their entrance as they arrive"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Every following screen plays its entrance when it comes into view, after the change between the two screens has settled."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"an-visitors-reduced","order":28,"kind":"Text","label":"Reduced motion","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Visitors who prefer reduced motion see no entrance"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"If a visitor’s device is set to reduce motion, nothing animates in: every element simply shows in its final state, exactly as you designed it."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"an-related-head","order":29,"kind":"Text","label":"Related guides","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Related guides"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"an-related-theme","order":30,"kind":"Text","label":"Theme animations: motion schemes","layout":{"heightKind":"auto","margin":{"top":22}},"textContent":{"title":{"translations":{"en":"Theme animations: motion schemes<sep>  —  </sep><detail>@details</detail>"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"},"templateParams":{"links":{"details":"https://help.segmently.ai/help-theme-animations"},"labels":{"sep":{"align":"start","fontSize":14,"fontWeight":500,"lineHeight":20,"color":"#98A2B3"},"detail":{"align":"start","fontSize":14,"fontWeight":600,"lineHeight":20,"color":"#2563EB"}}}},"subtitle":{"translations":{"en":"Pick a motion scheme for a whole theme — the default entrance every screen inherits unless you set its own here."},"kind":"static","appearance":{"align":"start","fontSize":13,"fontWeight":500,"lineHeight":19,"color":"#667085"}}}},{"id":"an-related-transitions","order":31,"kind":"Text","label":"Screen transitions between screens","layout":{"heightKind":"auto","margin":{"top":22}},"textContent":{"title":{"translations":{"en":"Screen transitions between screens<sep>  —  </sep><detail>@details</detail>"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"},"templateParams":{"links":{"details":"https://help.segmently.ai/help-screen-transitions"},"labels":{"sep":{"align":"start","fontSize":14,"fontWeight":500,"lineHeight":20,"color":"#98A2B3"},"detail":{"align":"start","fontSize":14,"fontWeight":600,"lineHeight":20,"color":"#2563EB"}}}},"subtitle":{"translations":{"en":"Choose how one screen changes into the next — the movement between screens, separate from each screen’s entrance."},"kind":"static","appearance":{"align":"start","fontSize":13,"fontWeight":500,"lineHeight":19,"color":"#667085"}}}}]}}}},"metadata":{"kind":"article","projectId":"arswew63RwQr6V4Ekb1Z","articleId":"help-block-animation","alias":"help-block-animation","articlePresentation":{"version":1,"profiles":{"standard":{"containerMaxWidth":640,"contentInsets":{"top":44,"end":28,"bottom":56,"start":28},"sectionPaddingScale":1,"textScale":1},"laptop":{"containerMaxWidth":620,"contentInsets":{"top":40,"end":28,"bottom":52,"start":28},"sectionPaddingScale":0.98,"textScale":0.98},"tablet":{"containerMaxWidth":560,"contentInsets":{"top":36,"end":24,"bottom":44,"start":24},"sectionPaddingScale":0.94,"textScale":0.95},"phone":{"containerMaxWidth":"100%","contentInsets":{"top":28,"end":16,"bottom":36,"start":16},"sectionPaddingScale":0.86,"textScale":0.9,"titleTextScale":0.86}}},"settingsMap":[{"fieldKey":"content.screenAnimation","title":"Give this screen its own entrance","sectionType":"animation","group":"entrance","guideKey":"screenedit-animation-screen-entrance","editorTestId":"checkbox-animation-screen-entrance","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-animation-section/0.1.0/configure-animation-section-2026-09-30T02-01-24-876Z-bc17b5f1/open-section-entrance.png","articleSectionId":"set-animation-content-screenanimation","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Expand the Animation section.","postconditionTestId":"section-animation"},{"to":"control","humanInstruction":"Find “Give this screen its own entrance”.","postconditionTestId":"checkbox-animation-screen-entrance"}]},{"fieldKey":"content.screenAnimation.enterAnimation.preset","title":"Entrance style","sectionType":"animation","group":"entrance","guideKey":"screenedit-animation-screen-entrance-preset","editorTestId":"input-animation-screen-entrance-preset","revealState":"entrance-enabled","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-animation-section/0.1.0/configure-animation-section-2026-09-30T02-01-24-876Z-bc17b5f1/entrance-enabled-preset.png","articleSectionId":"set-animation-content-screenanimation-enteranimation-preset","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Expand the Animation section.","postconditionTestId":"section-animation"},{"to":"panel","humanInstruction":"Tick the Screen Entrance checkbox to reveal its preset, duration and stagger fields.","postconditionTestId":"input-animation-screen-entrance-preset"},{"to":"control","humanInstruction":"Find “Entrance style”.","postconditionTestId":"input-animation-screen-entrance-preset"}]},{"fieldKey":"content.screenAnimation.enterAnimation.timing.duration","title":"Entrance duration","sectionType":"animation","group":"entrance","guideKey":"screenedit-animation-screen-entrance-duration","editorTestId":"input-animation-screen-entrance-duration","revealState":"entrance-enabled","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-animation-section/0.1.0/configure-animation-section-2026-09-30T02-01-24-876Z-bc17b5f1/entrance-enabled-duration.png","articleSectionId":"set-animation-content-screenanimation-enteranimation-timing-duration","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Expand the Animation section.","postconditionTestId":"section-animation"},{"to":"panel","humanInstruction":"Tick the Screen Entrance checkbox to reveal its preset, duration and stagger fields.","postconditionTestId":"input-animation-screen-entrance-preset"},{"to":"control","humanInstruction":"Find “Entrance duration”.","postconditionTestId":"input-animation-screen-entrance-duration"}]},{"fieldKey":"content.screenAnimation.stagger.delayPerItem","title":"Delay between elements","sectionType":"animation","group":"entrance","guideKey":"screenedit-animation-screen-entrance-stagger","editorTestId":"input-animation-screen-entrance-stagger","revealState":"entrance-enabled","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-animation-section/0.1.0/configure-animation-section-2026-09-30T02-01-24-876Z-bc17b5f1/entrance-enabled-stagger.png","articleSectionId":"set-animation-content-screenanimation-stagger-delayperitem","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Expand the Animation section.","postconditionTestId":"section-animation"},{"to":"panel","humanInstruction":"Tick the Screen Entrance checkbox to reveal its preset, duration and stagger fields.","postconditionTestId":"input-animation-screen-entrance-preset"},{"to":"control","humanInstruction":"Find “Delay between elements”.","postconditionTestId":"input-animation-screen-entrance-stagger"}]},{"fieldKey":"content.screenAnimation.enterAnimation.timing.easing","title":"Entrance easing","sectionType":"animation","group":"advanced","guideKey":"screenedit-animation-easing","editorTestId":"input-animation-easing","revealState":"advanced","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-animation-section/0.1.0/configure-animation-section-2026-09-30T02-01-24-876Z-bc17b5f1/advanced-easing.png","articleSectionId":"set-animation-content-screenanimation-enteranimation-timing-easing","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Expand the Animation section.","postconditionTestId":"section-animation"},{"to":"panel","humanInstruction":"Open the Advanced panel (easing and the per-element overrides list).","postconditionTestId":"input-animation-easing"},{"to":"control","humanInstruction":"Find “Entrance easing”.","postconditionTestId":"input-animation-easing"}]}],"seo":{"publisherName":"Segmently"}},"webViewDefaultBackgroundColor":"#F7F8FA","articleRuntime":{"siteOrigin":"https://help.segmently.ai","byline":{"name":"Segmently","datePublished":"2026-09-30T00:27:49.224Z","dateModified":"2026-09-30T02:04:02.375Z","readingMinutes":4}},"projectAnalytics":{"integrations":[{"enabled":true,"config":{"mode":"http"},"platform":"segmently_internal","createdAt":"2026-05-26T13:53:00.398Z","name":"Segmently Analytics","updatedAt":"2026-09-27T21:22:36.598Z","id":"int_mpmp3jsm_aij2kz"}],"consentManagement":{"privacyPolicyUrl":"","bannerText":"We use cookies to improve your experience and analyze site usage.","defaultConsent":"denied","enabled":true}}}