Что это?
Сама идея параллакс эффекта достаточно проста - при прокрутке страницы, фон двигается медленнее чем все остальные детали, это дает определенный 3D эффект - иллюзию трехмерного пространства. Выглядит креативно и привлекательно при этом не требует много ресурсов со стороны программной части. Забегая вперед, следует сказать что в конструкторе IQSites этот эффект можно поставить в один клик и настроить его как душе угодно : )
Как выглядит?
Вот несколько наглядных примеров использования параллакса:
- thisisuncoated.co.uk
- http://otivana.com
- risenchurch.com
- kuppacoffee.uk
Можно заметить что эффект достигается разными способами, где то фон закреплен полностью и не двигается, где то есть небольшое движение фона, которое заметно медленнее самого скроллинга по странице.
![Делаем сайт стильнее с помощью параллакс эффекта Делаем сайт стильнее с помощью параллакс эффекта](images/hash/33/1f/f8/11de87755840a8c3d8f2f8c81d.jpg)
Как уместно использовать параллакс?
Как и с любыми другими эффектами на сайте, чувство меры не помешает и в данном случае. Параллакс эффект в большинстве случаев отлично смотрится на первом экране в сочетании с какой либо профессиональной фотографией, причем фон может быть как насыщенным так и белым (отличный пример - kuppacoffee.uk, где чашка кофе эффектно перемещается вместе со скроллингом). Можно пробовать чередовать секции (1 с эффектом, другая без и так далее), стоит отталкиваться также от тематики сайта.
![Делаем сайт стильнее с помощью параллакс эффекта Делаем сайт стильнее с помощью параллакс эффекта](images/hash/b2/51/3b/b48950436b1d40584405df0a55.jpg)
Как сделать такое на IQSites?
Как уже говорилось выше, очень легко :) Мы немного обновили возможности конструктора и теперь можно не просто закрепить фон, но и выбрать степень закрепления:
![Делаем сайт стильнее с помощью параллакс эффекта Делаем сайт стильнее с помощью параллакс эффекта](images/hash/c4/df/7f/89e64600894fdb5aab231b0798.jpg)
Это и позволит добиться нужного эффекта, экспериментируйте!
![Делаем сайт стильнее с помощью параллакс эффекта Делаем сайт стильнее с помощью параллакс эффекта](images/hash/00/a6/16/c0f14668e9de04271bc26a698c.jpg)
Кстати впереди еще много новых эффектов и прибамбасов в нашем конструкторе и пёс с картинки выше в курсе об этом, следите за обновлениями ;)