Berikut ini saya akan membagikan cara membuat background pada halaman web berganti-ganti warna. Background halaman web yang berubah-ubah warna bisa menarik perhatian bagi pengunjung dan membuat tampilan website lebih menarik selama penempatannya tepat dan sesuai konsep website yang di buat.
Untuk membuat background yang berganti-ganti warna kita bisa membuatnya dengan menggunakan CSS. Sebagaimana yang kita pahami bahwa CSS merupakan bahasa structural yang di gunakan untuk mengatur tampilan pada halaman website seperti mengatur warna, bentuk dan ukuran. Pada kesempatan ini saya akan membagikan cara membuat background yang berganti-ganti warna. Berikut ini adalah langkah-langkah membuat background website berganti-ganti warna.
1. Buatlah sebuah kode HTML sederhana seperti contoh di bawah ini di text editor anda.
<html>
<head>
<title>css</title>
<style type="text/css">
</style>
</head>
<body>
</body>
</html>
2. Simpan kode di bawah ini tepat diantara tag <style type=�text/css�> Kode css di sini </style>
body {
background-color: #f1c40f;
-webkit-animation: color 5s ease-in 0s infinite alternate running;
-moz-animation: color 5s linear 0s infinite alternate running;
animation: color 5s linear 0s infinite alternate running;
}
@-webkit-keyframes color {
0% { background-color: #f1c40f; }
32% { background-color: #e74c3c; }
55% { background-color: #9b59b6; }
76% { background-color: #16a085; }
100% { background-color: #2ecc71; }
}
@-moz-keyframes color {
0% { background-color: #f1c40f; }
32% { background-color: #e74c3c; }
55% { background-color: #9b59b6; }
76% { background-color: #16a085; }
100% { background-color: #2ecc71; }
}
@keyframes color {
0% { background-color: #f1c40f; }
32% { background-color: #e74c3c; }
55% { background-color: #9b59b6; }
76% { background-color: #16a085; }
100% { background-color: #2ecc71; }
}
3. Simpan filenya dengan nama file sesuai keinginan teman-teman. Seperti Index.html
Itulah cara membuat background berganti-ganti warna pada halaman web menggunakan bahasa CSS, semoga tutorial ini bisa bermanfaat buat teman-teman yang lagi belajar CSS. Salam Blogger.
Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com
atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :