20 мар. 2024

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

<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

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

Назад

Модификации

Подборка кодовых модификаций для сайтов на Craftum, позволяющая решить любые задачи, выходящие за рамки стандартного конструктора Craftum.
С генераторами кода и видео-инструкциями.
Расширения для Craftum, с которым ты можешь больше и быстрее создать продающий и впечатляющий сайт для себя и своих клиентов.

Для сайта