Примеры сайтов с параллакс эффектом

 

Портфолио – это то, что говорит с вашими клиентами от вашего имени. Оно позволяет вашей работе делать за вас продажи, иногда оставляя впечатление, которое трудно игнорировать со стороны клиентов. Такое управление своим портфолио требует высокого уровня преданности с вашей стороны. По правде говоря, создание портфолио требует много усилий, а иногда и немного средств из бюджета.

http://media02.hongkiat.com/parallax-scrolling-wordpress-themes/parallax-scrolling-wordpress-themes.jpg

Однако когда вы смотрите в нужных местах, то можно найти “неотшлифованные алмазы” бесплатно. В этой статье мы рассмотрим 14 красивых тем с parallax scrolling-эффектом для WordPress, которые вы можете установить.

Кратко о parallax scrolling-эффекте


Parallax scrolling — это техника, по которой при прокрутке страницы фоновое изображение сайта движется медленнее, чем элементы переднего плана или изображения, создавая таким образом иллюзию глубины и движения. Результатом являются потрясающие эффекты, впечатляющие посетителей вашей страницы.

http://media02.hongkiat.com/parallax-scrolling-wordpress-themes/Parallax-Effect.jpg

14 тем с parallax scrolling-эффектом для WordPress

Live – Live является единственным в своем роде, когда доходит до удивительных parallax scrolling-эффектов. Для HTML5 и AJAX, эта тема, безусловно, является одной из лучших тем вне рынка.

http://media02.hongkiat.com/parallax-scrolling-wordpress-themes/live.jpg

Ego – Ego предлагает неограниченное количество цветовых комбинаций на выбор и позволяет создать свой собственный уникальный дизайн.

http://media02.hongkiat.com/parallax-scrolling-wordpress-themes/ego.jpg

Amaze – Amaze сочетает в себе некоторые из лучших анимаций CSS3, которая появляются при прокрутке страницы и действительно поражают.

http://media02.hongkiat.com/parallax-scrolling-wordpress-themes/amaze.jpg

Status – Status отлично подходит для бизнес-сайтов и представляет большой ползунок в первом разделе страницы, чтобы вы могли приветствовать ваших посетителей сообщениями.

http://media02.hongkiat.com/parallax-scrolling-wordpress-themes/status.jpg

Persona – Persona имеет настраиваемый раздел «Tweet», который появляется на экране-заставке и показывает любой твит, который вы хотите.

http://media02.hongkiat.com/parallax-scrolling-wordpress-themes/persona.jpg

Montreal – Montreal фокусируется только на изменение фонового изображения для каждого раздела, а не на упоре на различные фоны для разных разделов.

http://media02.hongkiat.com/parallax-scrolling-wordpress-themes/montreal.jpg

Impress – Impress выполнена в ретро-стиле, сочетающемся с удивительным эффектом фоновой прокрутки, а каждый раздел выглядит как отдельный бумажный лист.

http://media02.hongkiat.com/parallax-scrolling-wordpress-themes/impress.jpg

Eleven – Eleven имеет уникальную и удивительную галерею портфолио, которая позволяет вам организовать работу по категориям и мгновенно отсортировать их, когда выбрана определенная категория.

http://media02.hongkiat.com/parallax-scrolling-wordpress-themes/eleven.jpg

Parallaxr – Parallaxr – это уникальная тема, которая, в отличие от других, имеет горизонтальный parallax scrolling-эффект и с плавную прокрутку.

http://media02.hongkiat.com/parallax-scrolling-wordpress-themes/parallaxr.jpg

The Road – The Road имеет уникальную галерею под названием «iGallery», которая сочетает в себе некоторые фотографии в группе и создает приятный визуальный эффект полета для ваших посетителей.

http://media02.hongkiat.com/parallax-scrolling-wordpress-themes/the-road.jpg

Pulsar – Pulsar, в отличие от других, для отображения содержимого использует всю доступную область экрана, что делает область содержимого широкой и аккуратной.

http://media02.hongkiat.com/parallax-scrolling-wordpress-themes/pulsar.jpg

Dreamer – Dreamer – это классическая тема, имеющая яркий дизайн и современные функции, такие как CSS-анимации, чтобы вы могли показать свои навыки, а также функцию обмена информацией через контактную форму.

http://media02.hongkiat.com/parallax-scrolling-wordpress-themes/encore.jpg

Encore – Encore – идеальная тема для музыкальных исполнителей или для музыкальной индустрии, так как она прекрасно сочетается с чувством музыки.

http://media02.hongkiat.com/parallax-scrolling-wordpress-themes/dreamer.jpg

В добавление: Скрипты Parallax Scrolling

Если у вас есть рабочая тема, но вы все же хотели бы иметь parallax-эффект на своем сайте – вот несколько ресурсов, чтобы помочь вам добавить это магическое прикосновение parallax scrolling-эффектов.

  • skrollr – skrollr – это JS-библиотека для добавления parallax scrolling-эффектов, включая также и современные эффекты прокрутки.
  • Jarallax – еще одна библиотека JavaScript, которая позволяет создавать parallax scrolling-эффекты анимации в jiffy.
  • Stellar.js просто добавьте .stellar() к элементу – и готово.
  • Super Scroll Orama – Потрясающие parallax scrolling-эффекты с великолепными схемами анимаций.
  • jQuery Parallax – помните тему Parallaxr, описанную в этой статье? Так вот, эта JS-библиотека предлагает простой способ для создания такого эффекта.

 Источник перевода