Parallax эффект для одиночного элемента с библиотекой RELLAX

Parallax эффект для одиночного элемента с библиотекой RELLAX
Javascript & jQuery 0    917 0

Скачиваем и подключаем библиотеку rellax.min.js

   
   

Прописываем нужному элементу класс rellax и выбираем подхоящий атрибут data-rellax-speed, от которого зависит скорость анимации.

    
Стандартная скорость
Супер быстрая скорость
Очень медленная скорость

После этого параллакс эффект должен заработать. О дополнительных настройках можно прочесть тут.

Посмотреть пример работы скрипта можно тут.


Рекомендую отличный хостинг
Просят от 5 рублей в день
  • PHP 4/5/7, Perl 5, Python, Zend, phpMyAdmin;
  • SSH, sFTP/FTP доступ;
  • Возможность заказа дополнительных IP-адресов;
  • POP3, IMAP, SMTP для работы с почтой;
  • Неограниченное количество доменов и поддоменов;
  • Неограниченный трафик;
  • Автоматическая установка CMS;
  • Управление DNS-записями;
  • И еще много разных ништяков 😉
Протестировать (30 дней бесплатно)

Cмотрю на свой контент и думаю: стал бы я сам делиться им с друзьями?


Похожие статьи:

Анимация с линиями для текста
Анимация с огнем для текста
Анимация с сердечками для текста
Анимация с конфетти для текста
Анимация с пузырьками для текста
CSS файлы для браузеров EDGE и IE
Как попросить посетителей своего сайта отключить AdBlock
Обратный таймер на JavaScript
Как сделать маску для ввода E-mail типа ▶ pochta@mail.ru
Как создать div блок с прокруткой на JS?

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

    Вы должны авторизоваться, чтобы оставлять комментарии.

    Вы можете авторизоваться на сайте через:
    YandexVkontakte