Урок 4. Эффекты Parallax. Создаем свой эффект Parallax

Дата публикации: 20-04-2017

Чтобы иметь доступ к просмотру всех уроков этого курса, оформите подписку в премиум раздел
Эффекты Parallax

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

lesson

Все уроки курса:

Метки:

Комментарии (4)

  1. irenavilde@inbox.lv

    Спасибо за замечатальный урок.

    Попробовала реализовать эффект, когда фон движется, а текст как-будто стоит на месте ( в реальности движется вниз с такой же скоростью, как экран наверх). В Chrome все плавно работает, а вот в других браузерах, к сожалению, движения получаются скачками. Особенно это заметно в IE, но и в FireFox тоже, хоть и меньше.

    В console даже появляется предупреждение:

    This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects for further details and to join the discussion on related tools and features!

    Есть ли возможность как-то это обойти или надо подождать пока в браузере будет исправлена ошибка?

    • Андрей Кудлай

      Пожалуйста :)
      Обойти как-то, к сожалению, вряд ли получится, во всяком случае, мне такой способ неизвестен.

  2. nieminen@mail.ru

    уважаемый автор!исходники сайта не открываются на локальном сервере.Что не так?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree