Background colors
Модуль “Background colors” позволяет для любого модуля Элементора указать цвет, который будет использован в качестве цвета фона страницы (или любого другого элемента, указанного селектором), когда центр этого модуля поравняется с центром окна браузера. Если таких “ключевых” цветов на странице задано несколько – они используются как “опорные” точки, между которыми цвет страницы (или другого заданного селектором объекта) плавно меняется по мере прокрутки от одной точки к другой.
Если при указании “ключевого” цвета не задан селектор “целевого” объекта (у которого будет меняться фон) – фон меняется у всей страницы. Тема может переопределить селектор по умолчанию, определяющий “целевой” объект для изменения фона.
First key color
Для этого текстового блока указан новый “ключевой” цвет – светло-желтый. Фон страницы должен принять этот цвет в момент, когда центр этого текстового блока поравняется с центром окна браузера. А до этого при прокрутке страницы (так как это первая ключевая точка) цвет фона страницы будет постепенно изменять прозрачность, становясь все более насыщенным.
Одновременно, для демонстрации изменения фона другого объекта (заданного селектором), для заголовка этого текста указан темно-синий “ключевой” цвет, который будет принимать фон последней “прилипшей” строки хедера (с названием страницы и социалками)
Second key color
Для этого текстового блока указан новый “ключевой” цвет – светло-розовый. Фон страницы должен принять этот цвет в момент, когда центр этого текстового блока поравняется с центром окна браузера. А до этого при прокрутке страницы от предыдущей ключевой точки (светло-желтой) до этой цвет фона страницы будет постепенно изменяться от светло-желтого до светло-розового.
А для заголовка этого текста указан темно-зеленый ключевой цвет и селектор – последняя “прилипшая” строка хедера – ее фон должен стать темно-зеленым к моменту, как центр заголовка окажется в центре окна.
Third key color
Для разнообразия следующий “ключевой” цвет (светло-бирюзовый) задан для картинки в соседней колонке. Фон страницы должен принять этот цвет в момент, когда центр этой картинки поравняется с центром окна браузера.
Для заголовка задан темно-красный цвет с применением все к той же последней строке заголовка.
Это последняя ключевая точка на этой странице, а после данной строки вставлен большая пустая секция, чтобы показать плавное “затухание” последнего ключевого цвета по мере прокрутки страницы.