Главная > Web-дизайн > 30 невероятных примеров использования параллакс-скроллинга

30 невероятных примеров использования параллакс-скроллинга


12 ноября 2014, 12:00. Разместил: Design FactoRy
С появлением HTML5 и CSS3 у нас появилась возможность создавать более интересные и привлекательные эффекты в браузерах. Эффекта параллакс – это один из таких эффектов, которые сразу же преображают любой сайт. Параллакс скроллинг подразумевает то, что в момент прокрутки фон сайт движения медленнее контента, размещенного на странице, что создает прекрасный трехмерный эффект.

Самый первый сайт с параллакс-скроллингом был запущен дизайнером Ian Coyle в 2011 году. Это был официальный сайт компании Nike в рамках кампании Nike Better World. Сегодня такой эффект можно видеть на множестве веб-сайтов. Однако стоит отметить, что это не просто визуальный эффект, а отличная возможность представить людям контент в своеобразной манере. Сегодня мы хотим поделиться с вами подборкой из 30 великолепных примеров веб-сайтов, на которых используется эффект параллакс-скроллинга. Вы можете кликать по изображениям, чтобы увидеть эффект на сайтах в действии.

30 невероятных примеров использования параллакс-скроллинга
Rimmel London

30 невероятных примеров использования параллакс-скроллинга
Pressels

30 невероятных примеров использования параллакс-скроллинга
Poppy Spend

30 невероятных примеров использования параллакс-скроллинга
HotDot

30 невероятных примеров использования параллакс-скроллинга
TEDxGUC

30 невероятных примеров использования параллакс-скроллинга
Costa

30 невероятных примеров использования параллакс-скроллинга
Flat vs Realism

30 невероятных примеров использования параллакс-скроллинга
Teapot Creation

30 невероятных примеров использования параллакс-скроллинга
NASA Prospect

30 невероятных примеров использования параллакс-скроллинга
Boy Coy

30 невероятных примеров использования параллакс-скроллинга
The Beast

30 невероятных примеров использования параллакс-скроллинга
13 Reasons Inforgraphic

30 невероятных примеров использования параллакс-скроллинга
Lost World’s Fairs

30 невероятных примеров использования параллакс-скроллинга
Puma Mobium

30 невероятных примеров использования параллакс-скроллинга
Living World

30 невероятных примеров использования параллакс-скроллинга
Olszanska

30 невероятных примеров использования параллакс-скроллинга
Lexus Asia

30 невероятных примеров использования параллакс-скроллинга
Madwell

30 невероятных примеров использования параллакс-скроллинга
Tinke

30 невероятных примеров использования параллакс-скроллинга
Jacksonville Artwork

30 невероятных примеров использования параллакс-скроллинга
These Are Things

30 невероятных примеров использования параллакс-скроллинга
Volkswagen

30 невероятных примеров использования параллакс-скроллинга
Jan Ploch

30 невероятных примеров использования параллакс-скроллинга
Mario Kart Wii Experience

30 невероятных примеров использования параллакс-скроллинга
Moto Oakley

30 невероятных примеров использования параллакс-скроллинга
Timmy Tompkins App

30 невероятных примеров использования параллакс-скроллинга
Skinjay

30 невероятных примеров использования параллакс-скроллинга
Anthelios

30 невероятных примеров использования параллакс-скроллинга
Bagigia

30 невероятных примеров использования параллакс-скроллинга
Putzengel

Вернуться назад