TypeScriptSamples/jquery/parallax.html at master · microsoft/TypeScriptSamples · GitHub

This repository was archived by the owner on Oct 12, 2022. It is now read-only.

History

91 lines (88 loc) · 2.25 KB

Raw

<!DOCTYPE html>

<head>

#plaxHost {

height: 2000px;

background-color: Black;

}

#plaxHost div {

width: 95%;

}

#plax1 {

position: fixed;

color:White;

height: 2000px;

top: 0;

left: 0;

z-index: 1;

}

#plax2 {

position: fixed;

height: 2000px;

background-position: 1087px 0;

top: 0;

left: 0;

z-index: 2;

}

#plax3 {

position: fixed;

height: 2000px;

background-position: 577px 0;

top: 0;

left: 0;

z-index: 3;

}

#plax4 {

position: fixed;

height: 2000px;

background-position: 337px 0;

top: 0;

left: 0;

z-index: 4;

}

#plax5 {

position: fixed;

height: 2000px;

background-position: 145px 0;

top: 0;

left: 0;

z-index: 5;

}

</style>

</head>

<body>

</div>

</div>

</div>

</div>

</div>

var p = new Parallax.ParallaxContainer(window, 0.7);

for (i = 1; i <= 5; ++i) {

var star_layer = new Parallax.ParallaxSurface(document.querySelector('#plax' + i));

p.addSurface(star_layer);

}

</script>

</body>

</html>

TypeScriptSamples/jquery/parallax.html at master · microsoft/TypeScriptSamples · GitHub

Expand file tree

Breadcrumbs

parallax.html

Latest commit

History

Breadcrumbs

parallax.html

File metadata and controls