Видео
В текущем видео покажу вам как сделать интересную шапку сайта со скролл эффектом. То есть, при прокрутке экрана, шапка будет видоизменяться, а именно: фон станет белого цвета и все элементы будут прекрасно читаться.
При этом шапка будет прикрепляться к верху экрана и при прокрутке сайта у пользователя всегда будет возможность перемещаться по страницам и разделам сайта.
Код для сайта
.header-2 {
opacity: 0;
-moz-transition: opacity .25s ease-out !important;
-webkit-transition: opacity .25s ease-out !important;
transition: opacity .25s ease-out !important;
}
.elementor-sticky--effects.header-2 {
opacity: 1 !important;
}
.elementor-sticky--effects.header-1 {
display: none !important;
}