Техники и инструметарий parallax

в 7:18, , рубрики: css, css эффекты, jquery, parallax, web-разработка, Веб-разработка

С тех пор как появился parallax-эффект, мы заметили, что нашим читателям нравится эта техника, и решили собрать в одном месте инструментарий и туториалы, которые помогут внедрить parallax-прокрутку в ваших собственных проектах. Этот эффект создаёт иллюзию глубины и движения экрана, и будучи качественно реализованным, может запросто обворожить пользователя. Как и в случае любого другого эффекта, главное тут — умеренность. Использование parallax для того, чтобы оживить сайт и заинтересовать в нём, вполне оправдано, но всё же старайтесь избегать чрезмерности, чтобы не вышел слишком перенасыщенный сайт.

Hero

Тема WordPress для портфолио использует эффект parallax на основной картинке главной страницы, чтобы красиво подчеркнуть основной месседж.

image

Scrollorama

image

curtain.js

image

jQuery-Parallax

image

stellar.js

image

jparallax

image

Skrollr

image

Parallax.js

image

A Simple Parallax Scrolling Technique via Nettuts+

image

Автор: juwain

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js