Статьи

8 анимированных примеров параллакса с использованием jQuery

JQuery действительно выводит анимационные эффекты на совершенно новый уровень. Эффекты параллакса создают видимое положение объекта, когда его рассматривают вдоль разных линий обзора, чтобы придать анимации восприятие и глубину. Вот 8 замечательных примеров jQuery с эффектами параллакса, используемых на разных сайтах.

1. Параллаксбоке

CSS & jQuery Анимированный эффект параллакса-боке Дэвида Леггетта. Это анимированный эффект параллакса, который используется в качестве фона веб-сайта. Эффекты немного замедляют работу сайта, но это хороший пример.

parallax-david-leggett2
Источник

2. jQuery Image Параллакс

jQuery Image Параллакс от Стива Фентона. Это плагин, который дает иллюзию глубины изображению с прозрачностью (PNG, GIF), повторяя его и анимируя движение.

parallax-steve-fenton
Источник

3. Параллакс движения

Параллакс движения — это сигнал глубины, который возникает в результате нашего движения.

parallax-motion
Источник

4. Галлакси Параллакс

Хороший пример параллакса для космоса.

parallax-gallaxy
Источник

5. Эрик Йоханссон

Сайт jQuery Parallax от Эрика Йоханссона. Используйте слайдер для анимации параллакса через его личный сайт.

parallax-eric-johansson
Источник

6. jQuery4u Лягушка Параллакс

Пример параллакса лягушки от jQuery4u. Посмотрите учебник о том, как сделать свой собственный параллакс jQuery .

jquery4u-parallax-small
Источник

7. Демонстрации плагинов jParallax

Плагин jQuery. Примеры jParallax от Steph Band. В наборе 4 примера.

parallax-plugin-demo2
Источник

8. Демонстрации плагинов jParallax

Плагин jQuery Плагин jParallax. jParallax превращает выбранный элемент в «окно» или область просмотра, а все его дочерние элементы — в абсолютно расположенные слои, которые можно увидеть через область просмотра.

parallax-plugin3
Источник