Updated Top Bar

Transition Pages Available — Create stunning animated experiences with ease Transitions Available

Get Started
Curtain Reveal Effect Configurator

How to Use in Breakdance Builder

  1. Customize your curtain reveal effect using the controls below
  2. Click the Get Instant Code button and copy the JavaScript
  3. In Breakdance Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-video-curtain📋
    with value true to any container element
This tool creates a custom script with your settings built-in. All your curtain reveal configurations are included in the generated code! Remember to set the attribute value to true.
Preview Note: If your custom video URL doesn't show in the preview due to CORS restrictions, don't worry! The generated code will work perfectly in your Breakdance site where CORS policies are different.
Breakfusion Exclusive Get Your Curtain Reveal Effect

Add stunning video curtain reveal animations to your website with this custom-crafted JavaScript solution.

  • Elegant reveal animations for videos in any container
  • Fully responsive design that works on all devices
  • Customizable animation speed and direction
  • Smart intersection observer for optimal performance
  • Works in all modern browsers with fallback options
Video Settings
Video URL
Auto Play on Scroll
Loop Video
Video Fit
Animation Settings
Animation Speed 1x
Animation Duration 2s
Curtain Direction
Easing Animation
Animation Behavior
Visual Settings
Overlay Opacity 0.3
Overlay Color
Overlay
Video Brightness 100%
Video Contrast 100%
Code Copied Successfully! Ready to paste into Breakdance Builder