DEV Community

loading...

MAKE A PICTURE VIEW FRAMEWORK WITH HTML

Benny Luno
Jual-Beli bitcoin & etherium kini semakin mudah karna hadirnya platform dompet LUNO.COM yang bisa menyimpan dana anda.
・1 min read

<!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)

Forem Open with the Forem app