html,
body {
width: 100%;
}
body {
background: url(../images/test-bg.jpg) no-repeat;
}
#container {
position: absolute;
bottom: 20%;
width: 100%;
overflow: auto;
}
#title {
position: absolute;
top: 10%;
left: 8%;
}
#scroll {
position: absolute;
height: 200px;
width: 3200px;
background: rgba(0, 0, 0, .2);
}
.article {
display: block;
height: 200px;
width: 800px;
box-sizing: border-box;
padding-right: 30px;
float: left;
}
.article img {
margin-right: 20px;
float: left;
}
The Scroll Effect
pic1
pic2
pic3
pic4
<
Duis volutpat
das l;lasd ljl dlasj la ljl dasdl k
Fusce interdum
das l;lasd ljl dlasj la ljl dasdl k
Duis volutpat
das l;lasd ljl dlasj la ljl dasdl k
Fusce interdum
das l;lasd ljl dlasj la ljl dasdl k
