Fade in header background in the middle of a particular section

Site URL: https://www.ajpgroup.com/home

Reference URL: brabus.com/en

Hi, I wanted to know if it is possible to have it where my header background is transparent when you first load up the website and the header background slowly appears as i scroll down the first section my page if that makes sense if so, please let me know how I can do it.

Add this to Design > Custom CSS

body#collection-623f56ea39ca71708c7e033f article section:first-child {
    padding-top: 0px !important;
}
header#header {
    transition: all 0.9s !important;
}

On 4/2/2022 at 5:56 PM, tuanphan said:

Add this to Design > Custom CSS

body#collection-623f56ea39ca71708c7e033f article section:first-child {
    padding-top: 0px !important;
}
header#header {
    transition: all 0.9s !important;
}

 

Wasn't exactly what i was looking for but my boss was happy with it, Thank you tuanphan! :)