Крутые и бесплатные параллакс эффекты для сайта на CSS и JS

25 158 любопытных

Привет, друзья! В этот чудесный вечер представляю Вам бесплатную подборку параллакс эффектов для сайта, которые работают на CSS и JS! Думаю, что эта подборка с вкусняхами вам пригодится и понравится!

Рекомендую:

Эффект для блоков текста при прокрутке на CSS

See the Pen <a href="https://codepen.io/cjgammon/pen/djcko/">The Great Fall</a> by CJ Gammon (<a href="https://codepen.io/cjgammon">@cjgammon</a>) on <a href="https://codepen.io">CodePen</a>.

Скачать

Эффект параллакса при прокрутке на CSS

See the Pen <a href="https://codepen.io/sschepis/pen/oCfJI/">CSS Scrolling Parallax Effect</a> by Sebastian Schepis (<a href="https://codepen.io/sschepis">@sschepis</a>) on <a href="https://codepen.io">CodePen</a>.

Скачать

Красивый параллакс эффект при прокрутке страницы на CSS и JS

See the Pen <a href="https://codepen.io/RenanB/pen/GZeBNg/">Simple Image Tag Parallax</a> by Renan Breno (<a href="https://codepen.io/RenanB">@RenanB</a>) on <a href="https://codepen.io">CodePen</a>.

Скачать

Простой параллакс для вашего сайта

See the Pen <a href="https://codepen.io/chaobu/pen/qsyhf/">#Maincode Hackdays</a> by chaobu (<a href="https://codepen.io/chaobu">@chaobu</a>) on <a href="https://codepen.io">CodePen</a>.

Скачать

Простой параллакс при прокрутке на CSS

See the Pen <a href="https://codepen.io/paulomrcunha/pen/dHscj/">CSS Parallax</a> by Paulo Cunha (<a href="https://codepen.io/paulomrcunha">@paulomrcunha</a>) on <a href="https://codepen.io">CodePen</a>.

Скачать

Простой параллакс при прокрутке на ваш сайт

See the Pen <a href="https://codepen.io/kitkatkt/pen/aAbsK/">Parallax Design</a> by Katie Rogers (<a href="https://codepen.io/kitkatkt">@kitkatkt</a>) on <a href="https://codepen.io">CodePen</a>.

Скачать

Прокрутка фонового изображения с разной скоростью

See the Pen <a href="https://codepen.io/roborich/pen/wpAsm/">Scrolling Background-Image Paralax</a> by Rich Howell (<a href="https://codepen.io/roborich">@roborich</a>) on <a href="https://codepen.io">CodePen</a>.

Скачать

Звёздный фон на CSS и JS

See the Pen <a href="https://codepen.io/saransh/pen/BKJun/">Parallax Star background in CSS</a> by Saransh Sinha (<a href="https://codepen.io/saransh">@saransh</a>) on <a href="https://codepen.io">CodePen</a>.

Скачать

Крутой параллакс эффект для сайта бесплатно

See the Pen <a href="https://codepen.io/jackrugile/pen/qLCuE/">Canvas Parallax Skyline</a> by Jack Rugile (<a href="https://codepen.io/jackrugile">@jackrugile</a>) on <a href="https://codepen.io">CodePen</a>.

Скачать

Параллакс при наведении на JS и CSS

See the Pen <a href="https://codepen.io/thulioph/pen/otwhD/">parallax </a> by Thulio Philipe (<a href="https://codepen.io/thulioph">@thulioph</a>) on <a href="https://codepen.io">CodePen</a>.

Скачать

Крутые и бесплатные параллакс эффекты для сайта на CSS и JS

Эффект для блоков текста при прокрутке на CSS

Эффект параллакса при прокрутке на CSS

Красивый параллакс эффект при прокрутке страницы на CSS и JS

Простой параллакс для вашего сайта

Простой параллакс при прокрутке на CSS

Простой параллакс при прокрутке на ваш сайт

Прокрутка фонового изображения с разной скоростью

Звёздный фон на CSS и JS

Крутой параллакс эффект для сайта бесплатно

Параллакс при наведении на JS и CSS

#Похожее:

10 новых и невероятных примеров параллакса за 2017 год

30+ сайтов, которые доказывают, что параллакс не умер

Примеры параллакса при прокрутке в веб — дизайне (часть 3)

20 красивых сайтов с эффектом параллакса при прокрутке страницы (Часть 2)

Как сделать параллакс при прокрутке страницы с использованием JQuery и CSS3