066 slider · state-safe
Mask Slide slider Демо загрузится автоматически
SLIDERS / EFFECT
Mask Slide slider
Перед каждым переходом неактивные слайды нормализуются и скрываются.
Вам не нужно иметь четкий план.
Мы разработаем концепцию с нуля!
Мы разработаем концепцию с нуля!
ANBOX MOTION LIBRARY 37 × Слайдеры
← Каталог Личная библиотека модификаций
37 эффектовСлайдеры
37 / 37
Как устроена база
Каждый сниппет имеет собственный root ID, scoped CSS, адаптивные размеры через clamp(), reduced-motion fallback и кнопку копирования полного HTML/CSS/JS.
Слайдеры · пакет 01/08 Эффекты 066–070
067 slider · state-safe
Horizontal slider Демо загрузится автоматически
SLIDERS / EFFECT
Horizontal slider
Перед каждым переходом неактивные слайды нормализуются и скрываются.
068 slider · state-safe
Vertical slider Демо загрузится автоматически
SLIDERS / EFFECT
Vertical slider
Перед каждым переходом неактивные слайды нормализуются и скрываются.
069 slider · state-safe
Zoom Crossfade slider Демо загрузится автоматически
SLIDERS / EFFECT
Zoom Crossfade slider
Перед каждым переходом неактивные слайды нормализуются и скрываются.
070 slider · state-safe
3D Flip slider Демо загрузится автоматически
SLIDERS / EFFECT
3D Flip slider
Перед каждым переходом неактивные слайды нормализуются и скрываются.
В этом пакете нет совпадений
Слайдеры · пакет 02/08 Эффекты 071–075
071 slider · state-safe
Circle Reveal slider Демо загрузится автоматически
SLIDERS / EFFECT
Circle Reveal slider
Перед каждым переходом неактивные слайды нормализуются и скрываются.
072 slider · state-safe
Stack Cards slider Демо загрузится автоматически
SLIDERS / EFFECT
Stack Cards slider
Перед каждым переходом неактивные слайды нормализуются и скрываются.
073 slider · state-safe
Split Panels slider Демо загрузится автоматически
SLIDERS / EFFECT
Split Panels slider
Перед каждым переходом неактивные слайды нормализуются и скрываются.
074 Draggable · carousel
Draggable Strip Демо загрузится автоматически
SLIDERS / EFFECT
Draggable Strip
Draggable Strip
075 Draggable · carousel
Inertia Cards Демо загрузится автоматически
SLIDERS / EFFECT
Inertia Cards
Inertia Cards
В этом пакете нет совпадений
Слайдеры · пакет 03/08 Эффекты 076–203
076 CSS · gallery
Horizontal accordion Демо загрузится автоматически
SLIDERS / EFFECT
Horizontal accordion
Horizontal accordion
077 Observer · state-safe
Fullscreen wheel slider Демо загрузится автоматически
SLIDERS / EFFECT
Fullscreen wheel slider
Невыбранные экраны скрываются через autoAlpha и pointer-events.
201 slider · carousel
Editorial fade Демо загрузится автоматически
SLIDERS / EFFECT
Editorial fade
Слайдер или карусель для кейсов, отзывов, продуктов и полноэкранных сцен.
202 slider · carousel
3D coverflow Демо загрузится автоматически
SLIDERS / EFFECT
3D coverflow
Слайдер или карусель для кейсов, отзывов, продуктов и полноэкранных сцен.
203 slider · carousel
Аккордеон-слайдер Демо загрузится автоматически
SLIDERS / EFFECT
Аккордеон-слайдер
Слайдер или карусель для кейсов, отзывов, продуктов и полноэкранных сцен.
В этом пакете нет совпадений
Слайдеры · пакет 04/08 Эффекты 204–208
204 slider · carousel
Вертикальное колесо Демо загрузится автоматически
SLIDERS / EFFECT
Вертикальное колесо
Слайдер или карусель для кейсов, отзывов, продуктов и полноэкранных сцен.
205 slider · carousel
Карточная колода Демо загрузится автоматически
SLIDERS / EFFECT
Карточная колода
Слайдер или карусель для кейсов, отзывов, продуктов и полноэкранных сцен.
206 slider · carousel
Круговая маска Демо загрузится автоматически
SLIDERS / EFFECT
Круговая маска
Слайдер или карусель для кейсов, отзывов, продуктов и полноэкранных сцен.
207 slider · carousel
Бесконечная draggable-лента Демо загрузится автоматически
SLIDERS / EFFECT
Бесконечная draggable-лента
Слайдер или карусель для кейсов, отзывов, продуктов и полноэкранных сцен.
208 slider · carousel
Split-reveal слайдер Демо загрузится автоматически
SLIDERS / EFFECT
Split-reveal слайдер
Слайдер или карусель для кейсов, отзывов, продуктов и полноэкранных сцен.
В этом пакете нет совпадений
Слайдеры · пакет 05/08 Эффекты 209–213
209 slider · carousel
Слайдер с миниатюрами Демо загрузится автоматически
SLIDERS / EFFECT
Слайдер с миниатюрами
Слайдер или карусель для кейсов, отзывов, продуктов и полноэкранных сцен.
210 slider · carousel
Elastic snap Демо загрузится автоматически
SLIDERS / EFFECT
Elastic snap
Слайдер или карусель для кейсов, отзывов, продуктов и полноэкранных сцен.
211 slider · carousel
Cube-слайдер Демо загрузится автоматически
SLIDERS / EFFECT
Cube-слайдер
Слайдер или карусель для кейсов, отзывов, продуктов и полноэкранных сцен.
212 slider · carousel
Центральный фокус Демо загрузится автоматически
SLIDERS / EFFECT
Центральный фокус
Слайдер или карусель для кейсов, отзывов, продуктов и полноэкранных сцен.
213 slider · carousel
Диагональное перелистывание Демо загрузится автоматически
SLIDERS / EFFECT
Диагональное перелистывание
Слайдер или карусель для кейсов, отзывов, продуктов и полноэкранных сцен.
В этом пакете нет совпадений
Слайдеры · пакет 08/08 Эффекты 224–225
224 slider · carousel
Слайдер с прогрессом Демо загрузится автоматически
SLIDERS / EFFECT
Слайдер с прогрессом
Слайдер или карусель для кейсов, отзывов, продуктов и полноэкранных сцен.
225 slider · carousel
Observer-сцены Демо загрузится автоматически
SLIDERS / EFFECT
Observer-сцены
Слайдер или карусель для кейсов, отзывов, продуктов и полноэкранных сцен.
В этом пакете нет совпадений