С информацией
Только заголовки

Слайдер-презентация с красивым эффектом

Слайдер-презентация на JavaScript с красивыми эффектами на фото и видео

Несмотря на то, что данная презентация довольно ресурсоемкая и использует две библиотеки (three и gsap, общим весом 700кб), на ее основе можно создать очень красивую титульную страницу, например, для персонального сайта.

Читать далее

3D-карусель управляемая мышью

Красивая 3D карусель, которая управляется зажатием и движением мышки.

Возможности карусели:

  • Любое количество фотографий.
  • Произвольный радиус.
  • Автоматическое движение с заданной скоростью.
  • Отсутствие дополнительных библиотек.
  • Всего 90 строк кода.
Читать далее

Секция-слайдер с четырьмя фотографиями

Секция-слайдер, в которой каждый слайд состоит из четырех фотографий.

Кроме 4-х фотографий каждый слайд имеет фоновое изображение, заголовок и описание. И все это анимируется движком anime.js

Читать далее

3D табы с картинкой и описанием

Трехмерное переключение вкладок, в которых присутствует фотография и ее описание

В данном решении для библиотеки jQuery:

  • Фотография и описание поворачиваются в разные стороны
  • Меню табов создается автоматически через дата-атрибут
  • Цвет фона каждой вкладки и ее пункта меню задается также через дата-атрибут
  • Корректно отображается на мобильных устройствах
Читать далее

Вращающийся по окружности слайдер

jQuery плагин Rotating-Slider, который вращает слайды по окружности

Для создания круглой формы плагин использует css-свойство clip-path, в результате чего получается окружность из любого количества слайдов

Читать далее

Пошаговый слайдер

Оригинальный слайдер на jQuery, который листает карточки по кругу в одну сторону

Слайдер работает в ручном режиме и имеет:

  • Общий заголовок и подвал в виде меню
  • Название и подпись для каждого слайда
  • Красивый эффект перехода
Читать далее

Слайдер с меняющимися фото на CSS

Слайдер с меняющимися фотографиями и их описанием на чистом CSS

Слайдер выполнен без применения скриптов с использованием СSS-свойства animation

Читать далее

Новостной слайдер

Адаптивный слайдер новостных карточек или другой информации

Сладйер сделан на базе фреймворка Swiper

Читать далее