Интерактивное слайдшоу

demosourse

Данный эксперимент работает на новом компоненте HTML5 Canvas. Все слайды состоят из специальных фигур и текста, с которыми можно немного поиграть, используя курсор мыши. Элемент Canvas может использоваться для рисования 2D графики через JavaScript.

Все цвета для элементов интерактивных фигур заданы изначально. Текст так же будет состоять из нарисованных частиц:

При смене слайда на следующий или предыдущий, текст и другие элементы будут преобразованы, используя интересную анимацию:

После трансформаций мы сможем увидеть новую фигуру:

Если поводить по частицам фигурок курсором мыши, то можно ощутить интерактивный аспект данного слайдера:

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: http://tympanus.net/codrops/2013/07/03/interactive-particles-slideshow/
Перевел: Станислав Протасевич
Урок создан: 26 Августа 2013
Просмотров: 18967
Правила перепечатки


5 последних уроков рубрики "HTML и DHTML"

^ Наверх ^