Prevent Flicker
Utility
CSS
- Include code in site settings head code
- Add class in style panel of u-prevent-flicker to your animated element or parent of the animated elements
- Remove class with JS or Webflow Interactions before the animation starts
- Element will only be hidden in browsers that support JS.
<style>.u-prevent-flicker { visibility: hidden; }</style>
<noscript><style>.u-prevent-flicker { visibility: visible; }</style></noscript>Preview Links
Custom JS
Enable custom code in preview or view on published site.
Enable custom code?
Last Updated: Nov 11, 2025
- Include code in site settings head code
- Add class in style panel of u-prevent-flicker to your animated element or parent of the animated elements
- Remove class with JS or Webflow Interactions before the animation starts
- Element will only be hidden in browsers that support JS.
<style>.u-prevent-flicker { visibility: hidden; }</style>
<noscript><style>.u-prevent-flicker { visibility: visible; }</style></noscript>