Elementor offers several background options, each with customizable effects. Not all types are available for every element.
🎨 1. Classic Background
Solid Color or Single Image
Customize with color picker or global color
Supports image responsiveness and scroll effects: Vertical/Horizontal movement, Blur, Transparency, Scaling
Hover and mouse interaction effects available
🌈 2. Gradient Background
Blends two colors
Choose Linear (angle-based) or Radial (center-outward)
Customize location, angle, and position of the blend
Scroll effects like transparency, scaling, and blur supported
🎥 3. Video Background
Supports embedded video clips
Customize playback: Start/End time, Loop or play once, Show/Hide on mobile (to save data), Privacy Mode (to prevent YouTube tracking)
Fallback image shown if video fails to load
🖼️ 4. Slideshow Background
Series of images displayed in a loop
Customize: Image selection, Looping (infinite or stop at last image), Duration & transition speed (in milliseconds), Lazy loading & Ken Burns Effect (zoom and pan animation)
Set image position and size per your design
