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>
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>