Лэндинг Smart-IS со слайдером fullscreen страниц

Веб-программирование
341 просмотр
26.12.2017
1366×613985 КБ
smart-is.png
1366×613555 КБ
smart-is2.png
1366×613851 КБ
smart-is3.png
1366×6131 МБ
smart-is4.png
1349×23631 МБ
smart-is5.png

http://alenev.name/!host/!smart-is/or3/1.html Создание эффектов svg-анимации и настройка слайдера у лэндинга Smart-IS который сделан на основе концепции полноэкранных блоков, представляющих из себя слайды. Перемещение между слайдами происходит с помощью панели навигации из "буллетов" и прокручивание колесика мышки. При открытии некоторых слайдов происходит анимация графических элементов которые выполнены в svg-формате. На первом экране есть слайдер в котором в каждом из слайдов svg-элементы анимируются при переходе на слайд в котором они размещаются. На втором экране есть блок в котором происходит анимация svg-элемента с блоком скидки во время прокрутки колеса мышки для перехода на другой слайд. После окончания анимации перемещения блока с величиной скидки по круговой траектории с изменением при этом в ней значения происходит переход на следующий слайд. 
HTML