Вітаємо тебе на нашому сайті шановний відвідувач.
З кожним днем ми все ближче і ближче наближаємося до такого чудового свята як Новий рік і Різдво, і власники своїх сайтів задаються питанням як же прикрасити свій сайт до цього чудового свята.
Сьогодні ми хочемо Вам надати відмінну можливість прикрасити свій сайт новорічним Паралакс ефектом, з красивим живим фоном і новорічною мелодією, приклад ви можете побачити нижче.
Даний новорічний ефект може бути застосований в будь-якому місці вашого сайту, наприклад як новорічний фон або ж новорічна шапка на сайт, загалом тут вже залежить від вашої фантазії і дизайну вашого сайту.
Робити даний чудовий новорічний ефект ми будемо за допомогою простих стилів і 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>
|
Загалом користуйтеся, удачі вам!
Немає коментарів
Ви можете залишити коментар першим.