Source Code Membuat Teks Animasi Menggunakan HTML Dan CSS

Source Code Membuat Teks Animasi Menggunakan HTML Dan CSS
Daftar Isi Artikel


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 :)..
Ini Link
By Ini Link

Surat Al-Hujurat ayat 6 : يَا أَيُّهَا الَّذِينَ آمَنُوا إِنْ جَاءَكُمْ فَاسِقٌ بِنَبَإٍ فَتَبَيَّنُوا أَنْ تُصِيبُوا قَوْمًا بِجَهَالَةٍ فَتُصْبِحُوا عَلَى مَا فَعَلْتُمْ نَادِمِينَ "Wahai orang-orang yang beriman, jika datang seorang yang fasik kepadamu membawa berita, maka tangguhkanlah (hingga kamu mengetahui kebenarannya) agar tidak menyebabkan kaum berada dalam kebodohan (kehancuran) sehingga kamu menyesal terhadap apa yang kamu lakukan".

Subscribe

  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>