Cara Membuat Gambar Berputar dengan HTML

Mau tahu bagaimana cara membuat gambar berputar dengan perintah text HTML? Caranya mudah ko , kalian tinggal mengikuti langkah-langkah berikut ini dengan baik ya. Oke berikut ini tutorialnya.

Buat Element HTML Dasar
Seperti ini :
<html>
<head><title>Isikan Judul</title></head>
<body>Isikan Body</body>
</html>
Kemudian salin kode ini:
<div id="bolakbalik"></div>
Tambahkan CSS untuk melengkapinya.
#bolakbalik{
    width: 150px;
    height: 150px;
    background: url(smkbisa.JPG);
    margin: 10px auto;
    position:relative;
    right: 500px;

    -webkit-animation:bolakbalik 3s infinite linear;
    -moz-animation:bolakbalik 3s infinite linear;
}
@-webkit-keyframes bolakbalik{
    0%{
    -webkit-transform:rotate(0deg);
    }
    100%{
    -webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes bolakbalik{
    0%{
    -moz-transform:rotate(0deg);
    }
    100%{
    -moz-transform:rotate(360deg);
    }
}
Selesai.

Bagaimana cukup mudah kan caranya? Jika berhasil maka akan seperti ini jadinya.

Semoga bermanfaat, dan jangan lupa untuk meng-klik tombol share dibawah ini.

Title : Cara Membuat Gambar Berputar dengan HTML
Description : Mau tahu bagaimana cara membuat gambar berputar dengan perintah text HTML? Caranya mudah ko , kalian tinggal mengikuti langkah-langkah ber...

Cara Membuat Gambar Berputar dengan HTML

0 Response to "Cara Membuat Gambar Berputar dengan HTML"

Posting Komentar