'Shrink header on Scroll help plzplzplz

header { background-image: linear-gradient(to left,rgb(0, 169, 255),rgb(255, 255, 255) ); height: 500px; background-size: cover; margin:0; width:100%; top: 0; transition: 0.2s; position:sticky; }

<header> <span id='ct' style=" color:white; position:relative; margin-right:100px; font-size:xx-large; top:15px; float:right;" ></span>

    <img src="Logo_VANPRO_1000-removebg-preview .png" style="float: left; margin-top: 150px; margin-left: 150px;"><span style="font-size: xx-large; margin-left: 14%; bottom: 50%; position: absolute;   background-image: linear-gradient(to right,#208fd9, #000000 ); background-clip:text; color:transparent;">Desde 1993 a fazer clientes felizes!</span></header>

header shrink

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Shrink header on Scroll help plzplzplz

Sources

Related Questions