Background Colors with Scroll Animations

Sections and columns in YOOtheme Pro use your site's global colors, but sometimes, you just need something more special. That's why you can set your own background colors or gradients for any page builder section or column.

But there's more. You can add a scroll-driven animation that transitions background colors as you scroll. Set start, intermediate, and end color stops, position them along the animation sequence, adjust the easing, and define when the animation should start and end. This gives you full control to create colorful section and column backgrounds.