Membuat Animation Transitions Menggunakan CSS3

Hallo teman - teman, pada tutorial kali ini DUMET School ingin mengajarkan bagaimana membuat animasi transisi menggunakan CSS3. CSS3 sendiri terus berkembang dari waktu ke waktu dan banyak sekali Web Designer yang menggembangkannya. Oke kita mulai ya, langkah - langkah nya sebagai berikut. Disini saya akan menggunakan Software Adobe Dreamweaver CS6.

Silahkan lihat dulu demonya disini: http://www.dumetschool.com/downloadfile/animasi-dumet-school

1. Buka Adobe Dreamweaver CS6
2. Lalu buat File HTML baru, kita akan menggunakan File HTML5 ya teman - teman, silahkan pilih Page Type HTML dan DocType HTML5

3. Kita buat HTML seperti gambar di bawah ini

4. Lalu kita buat CSS seperti gambar di bawah ini

Jika sudah silahkan preview ke browser kalian, lihat hasilnya animasi transisi menggunakan CSS3 sudah jadi, mudah dan menarik bukan. silahkan kalian kreasikan animasi nya sesuai dengan kreatifitas kalian masing - masing, Selamat mencoba.

berikut source yang kalian bisa download untuk Membuat Animasi Transisi Menggunakan CSS3