webformyself
Webformyself - универсальная русскоязычная площадка, которая делает годные курсы по нескольким направлениям, от фреймворков и верстки до SEO...
Продолжительность
3 ч 42 мин
Категория
CSSКоличество уроков
13 Видео
Дата добавления
25 янв. 2018 г., 01:21
Язык
Русский
Дата выхода
31 окт. 2017 г., 00:00
Дата обновления
25 янв. 2018 г., 01:21
Эффект параллакса берет свое начало из мира двумерных видеоигр. В этих играх фоновые изображения перемещались с разной скоростью относительно переднего плана, создавая тем самым иллюзию глубины. Этот визуальный прием теперь активно используется в веб-дизайне для достижения потрясающих эффектов на сайтах.
Что такое параллакс в веб-дизайне?
Веб-сайты с параллакс эффектом создают интересное и интерактивное пользовательское взаимодействие. Фоновые элементы перемещаются с иной скоростью, чем основной контент, что добавляет глубину и динамику страницам.
Чему вы научитесь на курсе?
В рамках нашего курса вы узнаете, как использовать готовые решения и плагины для внедрения параллакс эффектов. Также вы освоите навыки написания собственного кода для реализации уникальных визуальных концепций.
- Изучите принцип работы параллакс эффектов.
- Используете популярные плагины для создания таких эффектов.
- Научитесь создавать индивидуальные параллакс эффекты с помощью CSS и JavaScript.
- Познакомитесь с примерами уникальных применений параллакса в веб-дизайне.
- Урок 1.00:15:20Что такое параллакс эффект
- Урок 2.00:11:36Плагин Simple Parallax Scrolling
- Урок 3.00:21:54Плагин jParallax
- Урок 4.00:22:51Создаем свой эффект Parallax
- Урок 5.00:19:24Создаем свой эффект Parallax. Эффект масштабирования
- Урок 6.00:12:34Создаем свой эффект Parallax. Эффект прожектора
- Урок 7.00:13:01Плагин jInvertScroll. Горизонтальный скролл страницы
- Урок 8.00:22:36Появление картинок при скролле. Урок 1
- Урок 9.00:12:31Появление картинок при скролле. Урок 2
- Урок 10.00:22:36Плагин multiScroll.js
- Урок 11.00:07:48Падающий снег
- Урок 12.00:26:03Анимация при скролле
- Урок 13.00:14:40Scroll Indicator — прогресс бар при скролле
Автор - webformyself
Комментарии