Вітаємо тебе на нашому сайті шановний відвідувач.
З кожним днем ми все ближче і ближче наближаємося до такого чудового свята як Новий рік і Різдво, і власники своїх сайтів задаються питанням як же прикрасити свій сайт до цього чудового свята.
Сьогодні ми хочемо Вам надати відмінну можливість прикрасити свій сайт новорічним Паралакс ефектом, з красивим живим фоном і новорічною мелодією, приклад ви можете побачити нижче.
Даний новорічний ефект може бути застосований в будь-якому місці вашого сайту, наприклад як новорічний фон або ж новорічна шапка на сайт, загалом тут вже залежить від вашої фантазії і дизайну вашого сайту.
Робити даний чудовий новорічний ефект ми будемо за допомогою простих стилів і JS коду. Все просто але дуже стильно і привабливо, ваші відвідувачі обов'язково оцінять і залишаться задоволеними.
Подивитися живий приклад ви можете у нас на сайті:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<nav> <div id="merrywrap" class="merrywrap"> <div class="giftbox"></div></div> </nav> <section> <h1>З Новим роком шановний відвідувач!</h1> <div id="container" class="container"> <ul id="scene" class="scene"> <li class="layer" id="im"data-depth="1.00"><img src="img/layer.png"></li> <li class="layer" id="im1" data-depth="1.00"><img src="img/layer.png"></li> <li class="layer" id="im2" data-depth="1.00"><img src="img/layer.png"></li> <li class="layer" id="im3" data-depth="1.00"><img src="img/layer.png"></li> <li class="layer" id="im4" data-depth="1.00"><img src="img/layer.png"></li> <li class="layer" id="im5" data-depth="1.00"><img src="img/layer.png"></li> <li class="layer" id="im6" data-depth="1.00"><img src="img/layer.png"></li> </ul> </div> </section> |
Загалом користуйтеся, удачі вам!
Немає коментарів
Ви можете залишити коментар першим.