Эффект прокрутки содержимого в окне

<style>
.image-img {
    height: 300px;
    position: relative;
}
.image-bg img {
    object-fit: cover;
    object-position: center top;
    height: 400px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    transition: all 4s ease-out 0s;
}
.image-bg:hover img {
    object-position: center bottom;
}

</style>

Стиль image-bg

Оставь свой комментарий