Back to Fluentui

BlurDemo.Stories

packages/react-components/react-motion-components-preview/stories/src/Blur/BlurDemo.stories.md

4.40.2-hotfix2348 B
Original Source
  • Each image uses two Blur components with inverse visibility: the background stripes start blurred and become clear when revealed, while the overlay button starts clear and blurs away when clicked.
  • The button fades away with animateOpacity set to true, while the background blur stays visible in both states with animateOpacity set to false.