1
Прокрутите вниз!
2
3
1
.mac {
2
height: 613px;
3
width: 764px;
4
margin: 1340px auto 100px;
5
background: white url("/AyELvGR.jpg") no-repeat 0 0;
6
-webkit-background-size: 764px 613px;
7
background-size: 764px 613px;
8
backface-visibility: hidden;
9
}
10
.mac.intro {
11
position: fixed;
12
width: 2548px;
13
height: 2052px;
14
-webkit-background-size: 100% auto;
15
background-size: 100% auto;
16
margin: 0;
17
top: 0;
18
left: 50%;
19
margin-top: -300px;
20
margin-left: -1274px;
21
-webkit-transform-origin: 50%;
22
-ms-transform-origin: 50%;
23
transform-origin: 50%;
24
}
25
.content {
26
width: 500px;
27
margin: 0 auto 150px;
28
}
29
.content h2 {
30
font-size: 52px;
31
line-height: 1.0865;
32
font-weight: 300;
33
margin-bottom: 48px;
34
}
35
.content p {
36
font-size: 18px;
37
margin: 1em 0 0 0;
38
line-height: 1.8;
39
color: #555;
40
font-weight: 400;
41
}
42
.content p a {
43
color: #555;
44
text-decoration: underline;
45
}
1
function setTransform(el, transf) {
2
el.css('transform', transf);
3
el.css('-moz-transform', transf);
4
el.css('-webkit-transform', transf);
5
el.css('-o-transform', transf);
6
el.css('-ms-transform', transf);
7
}
8
$(function() {
9
var el = $('.intro'),
10
mac = $('#mac'),
11
offset = mac.offset(),
12
windowHeight = $(window).height();
13
$(window).on('scroll', function() {
14
$('h1').fadeOut(500);
15
var windowTop = $(window).scrollTop(),
16
scrollPercent = (offset.top - windowTop) / offset.top,
17
scale = 'scale(' + scrollPercent + ')';
18
setTransform(el, scale);
19
if (windowTop >= 940) {
20
el.hide();
21
} else {
22
el.show();
23
}
24
});
25
});
Красивый и привлекательный вид интернет магазина, для продажи одного товара, в данном случае - это,чит для "Pubg
Оригинальный скрипт рекламного сервиса витрин ссылок и баннеров с функционалом на подобии Linkslot.ru в новом, более
« Апрель 2024 » | ||||||
---|---|---|---|---|---|---|
Пн | Вт | Ср | Чт | Пт | Сб | Вс |
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Комментарии