Membuat Animasi Bumi, Bulan Dan Matahari Berputar Dengan Mudah Menggunakan HTML Dan CSS



Asalamualaikum Wr Wb..
Salam Sejahterah untuk kita semua. Semoga Allah SWT senantiasa memberi Rahmad dan Hidayahnya Kepada kita dalam menjalankan aktifitas sehari-hari Amin.. :)

Selamat malam buat Sahabat K0deTani dimanapun kalian berada.. :)
Kali ini saya akan membagikan source code membuat animasi bergerak dengan menggunakan HTML DAN css dengan simpel dan teramat mudah..
ok langsung saja kawan-kawan silahkan buat file baru seperti biasa yaitu file ini nantinya akan kita isi sebuah source code html sebagi bahasa dasar dan css sebagi bahasa program mengatur ukuran warna maupun tampilan yang akan kita buat nantinya.

untuk lebih lanjutnya silahkan copy code berikut, lalu sesuaikan dengan nama file yang teman teman buat. letakan source code HTML didalam file index.html, dan source code CSS kedalam file style.css lalu jalankan di browser kawan kawan dan lihat hasilnya.



Berikut adalah source codenya :
See the Pen animasi bumi, bulan dan matahari by Yusuf Syahmuda BatuBara (@yusuf-syahmuda-batubara) on CodePen.


selamta mencoba..:)
silahkan di kembangkan, tuangkan lagi ide kreatif kawan kawan..

  1. Untuk membuat judul komentar, gunakan <i rel="h2">Judul Komentar</i>
  2. Untuk membuat kotak catatan, <i rel="quote">catatan</i>
  3. Untuk membuat teks stabilo, <i rel="mark">mark</i>
  4. Untuk membuat teks mono, <i rel="kbd">kbd</i>
  5. Untuk membuat kode singkat, <i rel="code">shorcode</i>
  6. Untuk membuat kode panjang, <i rel="pre"><i rel="code">potongan kode</i></i>
  7. Untuk membuat teks tebal, <strong>tebal</strong> atau <b>tebal</b>
  8. Untuk membuat teks miring, <em>miring</em> atau <i>miring</i>