WebDevByDoing.com

Quis nostrud exercitation excepteur sint occaecat ullamco laboris nisi. Sunt in culpa velit esse cillum dolore sed do eiusmod tempor incididunt. Qui officia deserunt duis aute irure dolor cupidatat non proident. Eu fugiat nulla pariatur. Sunt in culpa consectetur adipisicing elit, quis nostrud exercitation.

Duis aute irure dolor sed do eiusmod tempor incididunt cupidatat non proident. Velit esse cillum dolore. Eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, ut aliquip ex ea commodo consequat. Sed do eiusmod tempor incididunt cupidatat non proident, consectetur adipisicing elit.

Ut labore et dolore magna aliqua. In reprehenderit in voluptate duis aute irure dolor eu fugiat nulla pariatur. Sed do eiusmod tempor incididunt ut enim ad minim veniam, qui officia deserunt. Consectetur adipisicing elit, sunt in culpa ullamco laboris nisi. Mollit anim id est laborum.

#one {background:rgb(230,230,230);
    border-radius:20px;
    position:relative;
    left:-5000px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
#one.scrolled {left:0px;}

Ut aliquip ex ea commodo consequat. Excepteur sint occaecat duis aute irure dolor sunt in culpa. Eu fugiat nulla pariatur.

Ut labore et dolore magna aliqua. Ullamco laboris nisi sed do eiusmod tempor incididunt ut aliquip ex ea commodo consequat. Cupidatat non proident, sunt in culpa duis aute irure dolor. Mollit anim id est laborum. Qui officia deserunt in reprehenderit in voluptate quis nostrud exercitation.

Lorem ipsum dolor sit amet. In reprehenderit in voluptate consectetur adipisicing elit, cupidatat non proident. Velit esse cillum dolore qui officia deserunt eu fugiat nulla pariatur. Ut labore et dolore magna aliqua.

#two {
    color:white
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
#two.scrolled {
    border-radius:30px;
    background:rgb(75,75,75);
}

Excepteur sint occaecat sunt in culpa cupidatat non proident. Ut aliquip ex ea commodo consequat. Duis aute irure dolor sed do eiusmod tempor incididunt velit esse cillum dolore. Mollit anim id est laborum.

Consectetur adipisicing elit, lorem ipsum dolor sit amet. Duis aute irure dolor quis nostrud exercitation consectetur adipisicing elit. Ut aliquip ex ea commodo consequat. Ut labore et dolore magna aliqua. Mollit anim id est laborum.

Lorem ipsum dolor sit amet, in reprehenderit in voluptate ut enim ad minim veniam. Consectetur adipisicing elit, velit esse cillum dolore sunt in culpa. Sed do eiusmod tempor incididunt duis aute irure dolor qui officia deserunt. In reprehenderit in voluptate ullamco laboris nisi. Ut labore et dolore magna aliqua.

#three{
    overflow:hidden;
}
#three pre {
    position:relative;
    top:200px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;

}
#three.style pre{
	top:0
}

Duis aute irure dolor eu fugiat nulla pariatur. Cupidatat non proident, excepteur sint occaecat ut aliquip ex ea commodo consequat. Quis nostrud exercitation ut enim ad minim veniam, velit esse cillum dolore. Consectetur adipisicing elit, in reprehenderit in voluptate duis aute irure dolor. Quis nostrud exercitation ut enim ad minim veniam, excepteur sint occaecat.