Слайдер-презентация на JavaScript с красивыми эффектами на фото и видео
Несмотря на то, что данная презентация довольно ресурсоемкая и использует две библиотеки (three и gsap, общим весом 700кб), на ее основе можно создать очень красивую титульную страницу, например, для персонального сайта.
Красивая 3D карусель, которая управляется зажатием и движением мышки.
Возможности карусели:
Секция-слайдер, в которой каждый слайд состоит из четырех фотографий.
Кроме 4-х фотографий каждый слайд имеет фоновое изображение, заголовок и описание. И все это анимируется движком anime.js
Трехмерное переключение вкладок, в которых присутствует фотография и ее описание
В данном решении для библиотеки jQuery:
jQuery плагин Rotating-Slider, который вращает слайды по окружности
Для создания круглой формы плагин использует css-свойство clip-path, в результате чего получается окружность из любого количества слайдов
Оригинальный слайдер на jQuery, который листает карточки по кругу в одну сторону
Слайдер работает в ручном режиме и имеет:
Слайдер с меняющимися фотографиями и их описанием на чистом CSS
Слайдер выполнен без применения скриптов с использованием СSS-свойства animation
Адаптивный 3D слайдер-карусель с 3-мя видимыми фотографиями
Сладйер сделан на базе фреймворка Swiper
Адаптивный слайдер новостных карточек или другой информации
Сладйер сделан на базе фреймворка Swiper
