hallo teman – teman bertemu lagi di artikel saya, pada pembahasan kali ini saya akan membahas masih seputar animasi CSS. Animasi CSS memungkinkan Anda menggunakan fungsi timimg animasi yang memberi tahu animasi bagaimana animasi dimulai sampai akhir waktu animasi. Salah satu fungsi timing ini disebut langkah-langkah () yang memungkinkan Anda menentukan jumlah frame yang akan digunakan animasi, ini akan menghapus animasi halus yang Anda gunakan dan membuat blok lebih seperti animasi, persis seperti yang kita inginkan untuk mengetik.

Dengan menggunakan CSS kita akan menambahkan animasi yang dibutuhkan, mulailah dengan mendefinisikan lebar paragraf  sehingga animasi tahu berapa banyak jarak lebar dia akan berhenti. Selanjutnya tambahkan overflow hidden jadi ketika animasi mengubah ukuran paragraf menjadi 0 kita tidak akan bisa melihat teksnya. Akhirnya kita bisa menambahkan animasi tipe dengan langkah-langkah () timing function.

Oke langsung saja kita akan mempraktekkan, seperti biasa persiapkan text-editornya terlebih dahulu untuk memulai latihan kita, di sini saya akan membuat sebuah elemen HTML bernama kelas slider. Oke langsung saja teman – teman tuliskan HTML di bawah ini;

Dari script HTML di atas saya memebuat sebuah elemen HTML class slider dan di dalam terdapat judul dimana nantinya judul tersebut akan kita buat animasi berjalan seperti orang mengetik,
Oke kalau sudah silahkan buat css di bawah ini,

OKe dari CSS di atas saya membuat kelas slider dengan lebar 980 pixel dan tingginya 350 pixel dan nantinya class pertama yang berasal dari h2 tersebut akan muncul di dalam class slider, untuk lebih jelasnya sialhkan teman – teman lihat di browsernya masing – masing.  Oke cukup sampai di sini semoga bermanfaat.