Главная » Архив меток: слайдшоу

Архив меток: слайдшоу

Карусель на чистом CSS

От автора: интересно, насколько далеко вы сможете отойти от HTML и CSS при создании карусели / слайд-шоу. Давайте посмотрим. Установить несколько блоков в горизонтальном ряду с помощью flexbox очень просто. Показывать только один блок за раз через overflow и сделать его удобным для просмотра через -webkit-overflow-scrolling просто. Вы можете сделать так, чтобы «слайды» соответствовали друг другу через scroll-snap-type. Пара #jump-links ...

Читать далее »

Анимация фрагментов для слайд-шоу

От автора: сегодня мы хотим вам рассказать, как создать веселый слайдер с оригинальной фрагментированной графикой. Все элементы слайдера будут разделены на части с разной анимацией. Анимация на основе библиотеки Pieces – я написал эту библиотеку для создания интересных эффектов. Анимация для слайд шоу даст следующий конечный результат: ДЕМО | Исходники Анимация под управлением anime.js. Оригинальная идея Источником вдохновения эффектов послужил ...

Читать далее »