Easy Parallax Scroll

My easy parallax scroll

by Anton Kolesnikov

HTML

<section id="home" data-type="background" data-speed="10" class="pages">
    <article>Простая техника Parallax Scrolling</article>
</section>
<section id="about" data-type="background" data-speed="10" class="pages">
    <article>Простая техника Parallax Scrolling</article>
</section>

CSS

#home {
    background: url('https://c1.staticflickr.com/9/8504/8257111883_845f1ff7db_h.jpg') center 0 repeat fixed;
    min-height: 900px;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}
#home article, #about article {
    position: absolute;
    top: 300px;
    height: 458px;
    width: 100%;
    text-align: center;
    color: #fff;
}
#about {
    background: url('https://c1.staticflickr.com/9/8353/8257111655_8e40e8c1fc_h.jpg') center 0 no-repeat;
    height: 900px;
    margin: 0 auto;
    width: 100%;
    max-width: 1920px;
    position: relative;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
}