Hallo Teman-teman, Bertemu lagi dengan saya di website ini. Semoga di hari yang cerah dan indah ini teman-teman masih diberikan kesehatan, kebahagiaan dan tidak lelah dalam belajar.

Pada kesempatan kali ini saya akan memberikan sedikit contoh cara Membuat Animasi Paper Clip dengan CSS3 Part I. sebelum kita mulainya teman-teman sudah tahu apa itu paper clip ? jadi paper clip itu adalah sebuah penjepit kertas. Lalu kebayang donk bagaimana caranya membuat paper clip dengan CSS3 ? Penasaran bukan ? oke langsung saja kita mulai membuat paper clip.

Pertama-tama teman-teman buka text-editor yang teman-teman gunakan dan disini saya menggunakan sublime-text sebagai text-editornya, lalu kemudian ketik script HTML dibawah ini kedalam text-editornya :

Jika sudah, teman-teman simpan file HTMLnya. Lalu langkah selanjutnya disini kita menggunakan CSS internal saja ya, jadi tinggal di sisipkan style di antara tag head pada html dan kemudian masukan script CSS dibawah ini :

Jika sudah simpan, lalu langkah selanjutnya silahkan coba teman-teman jalankan/run dibrowser yang teman-teman gunakan, Jika berhasil maka hasilnya akan terlihat seperti pada gambar dibawah ini :

membuat-animasi-paper-clip-dengan-css3-part-i

Jika hasilnya sudah seperti pada gambar diatas maka teman-teman dinyatakan telah berhasil dalam Membuat Animasi Paper Clip dengan CSS3 Part I. tapi tunggu dulu didalam judul itu ada sebuah kata Animasi ? tapi dihasilnya tidak ada Animasi sedikitpun ? oke teman-teman jangan risau, jadi untuk animasinya nanti saya bahas di pembahasan selanjutnya dengan judul Membuat Animasi Paper Clip dengan CSS3 Part II.

Oke untuk pembahasan kali ini dalam Membuat Animasi Paper Clip dengan CSS3 Part I cukup sampai disini dulu, semoga bermanfaat dan tunggu pembahasan selanjutnya.

Terimakasih