Source Code Membuat Teks Animasi Menggunakan HTML Dan CSS



Asalamualaikum Wr Wb..
Salam Sejahtera untuk kita, Salam Hijau Hitam Untuk Sobat Hijau Hitam, Salam Kode untuk Sahabat Kodetani. :).
khusus hari ini saya ingin membagikan source code animasi lagi untuk temen temen kodetani.
Animasi kali ini yaitu teks animasi mungkin dapat membantu meringankan kawan kawan untuk mengerjakan tugas kuliah yang diberikan dosen.

langkah awal sama seperti biasa yaitu membuat file index.html dan style.css.
yang mana nantinya di dalam masing masing file yang telah kawan-kawan buat di isi dengan sebuah code program html dan css untuk membuat animasinya.
caranya sangat mudah sekali yaitu masukan code HTML kedalam file index.html. dan kode CSS kedalam file style.css
setelah itu simpan kedua file tersebut di dalam satu folder. lalu jalankan file index.html di browser kawan-kawan.

berikut adalh sorce codenya yang akan kita gunakan :
See the Pen animasi 1 by Yusuf Syahmuda BatuBara (@yusuf-syahmuda-batubara) on CodePen.

selamat menikmati code.. :)
silahkan dikembangkan dengan ide kreatif kawan kawan jika ingin di tambahkan.

salam k0detani :)..

  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>