DEV Community

Benny Luno
Benny Luno

Posted on

MAKE A PICTURE VIEW FRAMEWORK WITH HTML

<!DOCTYPE html>



Tutorial Membuat Gambar Berjalan dengan CSS



Tutorial Membuat Gambar Berjalan dengan CSS










body {
background: #00b4ff;
color: #333;
font: 100% Arial, Sans Serif;
overflow-x: hidden;
}

/* KEYFRAMES */
@-webkit-keyframes animateCloud {
0% {
margin-left: -1000px;
}
100% {
margin-left: 100%;
}
}

@-moz-keyframes animateCloud {
0% {
margin-left: -1000px;
}
100% {
margin-left: 100%;
}
}

@keyframes animateCloud {
0% {
margin-left: -1000px;
}
100% {
margin-left: 100%;
}
}

/* ANIMATIONS */
.x1 {
-webkit-animation: animateCloud 10s linear infinite;
-moz-animation: animateCloud 10s linear infinite;
animation: animateCloud 10s linear infinite;
}

Discussion (0)