Animasi dalam sebuah website tentu akan memberikan efek tersendiri yang dapat dinikmati oleh penggunanya, dalam artikel ini saya akan membuat efek animasi rotasi berbentuk kotak, jadi nanti saya bisa langsung mepraktekan ya jadi langsung aja ikuti langkah-langkahnya sebagai berikut.

Langkah Pertama sahabat bisa persiapkan struktur HTMLnya seperti dibawah ini:

Langkah Kedua sahabat bisa ketikan sintax CSS untuk mempercantik tampilan dan fungsi animasinya seperti berikut ini:

Jika sudah langsung saja sahabat save kedua file diatas dan coba dijalankan pada browser masing-masing makan akan terlihat tampilan seperti dibawah ini:

square-rotasi square-rotasi-1

Gambar diatas adalah hasilnya….. Bagaimana sahabat sangat mudah bukan cara membuatnya,jadi jangan pernah berhenti mencoba dan mengembangkan lagi yaaa.

Saya kira cukup pembahasan artikel ini ,semoga bermanfaat dan tetap semangat mencoba hal baru

terima kasih.