Belajar CSS Membuat Efek Teks Seperti Mengetik
logo blog

Belajar CSS Membuat Efek Teks Seperti Mengetik

Belajar CSS Membuat Efek Teks Seperti Mengetik
Belajar CSS Membuat Efek Teks Seperti Mengetik - Oke Gan Di Postingan Yg Itu Sudah Di Jelaskan Mengenai CSS , Tetapi Saya Belum Menjelaskan , Mana Selector , Property , Dan Value , Nah Skip Dulu , Saya Sekarang Akan Memberikan Tutorial Bagaimana Cara Membuat Efek Text Seperti Ketikan , Nah
Tutorial Selanjutnya Saya Akan Menjelaskan , Tentang CSS Lagi , Yaitu Mengenai ,  Mana Selector , Property , Dan Value , Yaaa ...
Oke , Admin KazeRPL Sebetulnya Masih #Noob Besar , Tapi Ya Sambil Belajar , Sambil Men-Share Juga Ke Agan Agan , Admin Juga Dah Paham Mengenai CSS , Tetapi Kodenya Itu Loohhh !! >_
Admin KazeRPL Juga Sedang Mempelajari CSS Terutama Di Bagian Cara Kerja Animation CSS , Di Bagian Keyframes Sudah Sedikit Mengerti , Tapi Kode Property - Property Ngga Semua Tau ,
Oke No Basa Basi Yok Kita Mulai Tutorialnya

1. Siapkan Bahan Bahanya , Yaitu Text Editor , Seperti Notepad , Wordpad,Dll
2. Ketikan Struktur html , Ngga Juga Ngga PP , Yg Penting Ada <style> Ama <body>
3. Lalu Ketik Kode Berikut Untuk CSSnya
.kazerpl{  color:#000;  font-size:35px;  width:750px;  white-space:nowrap;  overflow:hidden;  -webkit-animation: ketik 5s steps(50, end);  animation: ketik 5s steps(50, end); } @keyframes ketik{  from{width:0;} } @-webkit-@keyframes ketik{  from{width:0;} }

4. Nah Kode Di Bawah Ini Juga Ketik Di Dalem <body>
<p class="kazerpl">Efek Ketikan Dengan CSS | KazeRPL</p>
  Keterangan :
 Artibut Bisa Di Ganti , Kalo Ngga Tau Attributnya Yg Mana , Noh Udh Saya Kasih Warna
 Warna Merah , Itu Bisa Di Ganti Dengan Apapun ,
 Tapi Selector Di CSSnya Pun Harus Di Ganti Sesuai Dengan Attribut Yg Kamu Tulis / Ganti Tadi

Singgan Save Deh ~Hehehehe
Done Kan ?

Share this