webformyself
Webformyself - универсальная русскоязычная площадка, которая делает годные курсы по нескольким направлениям, от фреймворков и верстки до SEO...
Эффекты Parallax
Продолжительность
3 ч 42 мин
Категория
CSS
Количество уроков
13 Видео
Дата добавления
25 янв. 2018 г., 01:21
Язык
Русский
Дата выхода
31 окт. 2017 г., 00:00
Дата обновления
25 янв. 2018 г., 01:21
Термин «параллакс» в первую очередь исходил из визуального эффекта двумерных видеоигр, которые использовали разные скорости движения фонового изображения, чтобы создать иллюзию глубины во время игрового процесса. Как правило, это делалось путем того, что фон игры двигался медленнее, чем передний план, чтобы заставить его казаться подальше. Эта же концепция применяется к дизайну сайта parallax, в котором фон веб-сайта движется с другой скоростью, так как остальная часть страницы обладает впечатляющим визуальным эффектом, который позволяет использовать бесчисленные творческие приложения.
В этом курсе мы познакомимься с готовыми решениями, плагинами, а также научимся писать собственный код для реализации параллакс эффектов на сайте.
-
Урок 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
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
ihatetomatoes
15 дек. 2017 г., 00:47
Parallax скроллинг. Мастер Класс
Parallax Scrolling Master Class
Узнайте как создать сайт со скроллом parallax с нуля. Вы устали копировать код со случайных сайтов или обучающих курсов ? Вы смущены атрибутами данных Skrollr? Узнайте, как создавать анимацию прокрутки без каких-либо головных болей.
leveluptutorials
9 мар. 2018 г., 15:14
CSS Animations & Transitions
Добро пожаловать на курс CSS Анимаций и Переходов (Transitions). В этом курсе вы не только изучите основные техники, но и глубоко погрузитесь в создание анимаций и переходов. Мы на практике создадим комплексные анимации, с помощью которых вы повысите свои знания анимаций и переходов на новый уровень.
cssanimation.rocks
7 мая 2018 г., 08:06
Повысьте свои навыки css анимации - практический курс
Level up your CSS animation skills
Повысьте свои навыки анимации CSS! Этот видеокурс даст вам практический опыт, который вам нужно повысить и продать свои навыки анимации в качестве дизайнера или разработчика. В течение нескольких часов пошаговых руководств мы вместе создадим анимированную целевую страницу и узнаем, как анимация может оживить ее.Это практический курс, полный реальных загружаемых примеров кода. Вы сможете взять знания, а также реальный рабочий код, в свои проекты и