.header{position:absolute;background-color:#fff;color:#000;transform:translateY(0);transition:transform .6s ease}.header,.header2{top:0;left:0;display:flex;align-items:center;justify-content:space-between;width:100%;height:120px}.header2{position:fixed;background-color:#4186bf;color:#fff;transition:transform 2s ease;animation:myanimation 2s}@keyframes myanimation{0%{background-color:transparent;color:transparent}35%{background-color:#4186bf;color:#fff}to{background-color:#4186bf;color:#fff}}