Эластичный слайд-шоу
Простой слайд-шоу товаров с эластичным эффектом перелистывания.
Стилистика данного слайд-шоу схожа с Google Material Design. Для анимации используется Dynamic.js, которая запускается с небольшой задержкой.
Изначальный вид:
Товар в раскрывшемся виде:
Надеемся, что данный материал будет вам полезен!
Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: http://tympanus.net/codrops/2016/01/27/elastic-circle-slideshow/
Перевел: Станислав Протасевич
Урок создан: 24 Января 2016
Просмотров: 7123
Правила перепечатки
5 последних уроков рубрики "CSS"
-
Забавные эффекты для букв
Небольшой эффект с интерактивной анимацией букв.
-
Реализация забавных подсказок
Небольшой концепт забавных подсказок, которые реализованы на SVG и anime.js. Помимо особого стиля в примере реализована анимация и трансформация графических объектов.
-
Анимированные буквы
Эксперимент: анимированные SVG буквы на базе библиотеки anime.js.
-
Солнцезащитные очки от первого лица
Прикольный эксперимент веб страницы отображение которой осуществляется “от первого лица” через солнцезащитные очки.
-
Раскрывающаяся навигация
Экспериментальный скрипт раскрывающейся навигации.
