Hallo Teman-teman bertemu kembali dengan saya di website ini. Dihari yang sangat indah ini semoga teman-teman masih diberikan nikmat, sehat, dan bahagia agar dapat kembali semangat dalam belajar.

Oke pada kesempatan kali ini, pembahasan saya tentang cara Membuat Animasi Paper Clip dengan CSS3 Part II. Sebelum kita memulainya, pembahasan kali ini lanjutan dari pembahasan yang sebelumnya dan alangkah baiknya teman-teman silahkan baca terlebih dahulu artikel yang sebelumnya di :

Membuat Animasi Paper Clip dengan CSS3 Part I

Oke untuk teman-teman yang sudah melihat dan mengikuti dari pembahasannya sebelumnya, sekarang kita lanjut ke pembahasan selanjutnya yaitu Membuat Animasi Paper Clip dengan CSS3 Part II. Oke langsung saja Langkah pertama buka kembali file html yang kemarin kedalam text-editornya dan didalam file html tsb terdapat syntax HTML dan CSSnya karena kemarin kita menggunakan internal CSS. Kemudian langkah selanjutnya teman-teman tambahkan script HTML seperti dibawah ini dan hasilnya akan menjadi seperti ini :

Jika sudah seperti diatas maka langkah selanjutnya teman-teman tambahkan script CSS animasi dibawah ini dan diletakan sesudah class clip after :

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

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

Oke jika hasilnya sudah seperti pada gambar diatas maka teman-teman telah berhasil dalam Membuat Animasi Paper Clip dengan CSS3 Part II dari pembahasan kali ini silahkan teman-teman kembangkan sendiri.

Cukup sampai disini dulu pembahasan tentang cara Membuat Animasi Paper Clip dengan CSS3 Part II Jika ada kekurangan mohon dimaklumi karena didunia ini tidak ada yang sempurna tapi kita berusaha untuk menyempurnakannya.

Semoga bermanfaat dan sampai bertemu dipembahasan selanjutnya.

Terimakasih