Change background color of sticker section when scroll (no plugin)

This is a sticky section.

Please scroll down

Desktop only–

After make the section Sticky

(go to Section > Advanced > Motion Effect > Sticky Top)

Also in Advanced Tab > Custom CSS. Apply this code

selector.elementor-sticky--active{
/* change to the color of your choice */
background: #ccc;
}

If you want to add some effect, for example resize image

selector.elementor-sticky--active{
background: #ccc;
}
selector img{
transition: 0.5s;
}
selector.elementor-sticky--active img{
scale: 0.5;
}


Posted

in

by

Tags: