Blending Content

In YOOtheme Pro, you can visually blend the transparent header with the page content behind it. When the header is sticky, it blends with section backgrounds, images, videos, and other visual elements as you scroll, creating a dynamic overlay effect. This is perfect for artistic websites with rich imagery, bold backgrounds, and immersive video sections.

You can also apply blend modes to sticky columns, including all elements inside them. This looks especially great in combination with sticky, scroll-driven animations.

Individual elements can be blended as well, for example when placed on top of videos or sticky backgrounds, absolutely positioned above other elements, or animated with the parallax effect.

Elements with image backgrounds are perfect for blending just as they are, for example, a gallery or an image slider. Here you can blend the text with the background with just a click and create a nice visual effect.