.:: Jasa Membuat Aplikasi Website,Desktop,Android Order Now..!! | | Order Now..!! Jasa Membuat Project Arduino,Robotic,Print 3D ::.

Membuat background website berganti warna dengan CSS

0 komentar


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
bismillaahirrahmaanirrahiim

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Assalamu'alaikum warahmatullahi wabarakatuh

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
NB :: Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code, membeli hardware elektronika untuk kepentingan Perusahaan maupun Tugas Akhir (TA/SKRIPSI), Insyaallah Saya siap membantu, untuk Respon Cepat dapat menghubungi kami, melalui :

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 :

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين
Alhamdulilah hirobil alamin

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
wassalamualaikum warahmatullahi wabarakatuh


Artikel Membuat background website berganti warna dengan CSS, Diterbitkan oleh scodeaplikasi pada Rabu, 23 Maret 2016. Semoga artikel ini dapat menambah wawasan Anda. Website ini dipost dari beberapa sumber, bisa cek disini sumber, Sobat diperbolehkan mengcopy paste / menyebar luaskan artikel ini, karena segala yang dipost di public adalah milik public. Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code ,Dengan Cara menghubungi saya Ke Email: Fajarudinsidik@gmail.com, atau No Hp/WA : (fajar) : 085369237896, (puat) : 085267792168.

Tawk.to