Membuat Animation Transitions Menggunakan CSS3

06/02/2014    Faizal Ryza    1451     Website

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

animasi_rocket1

animasi_rocket2

3. Kita buat HTML seperti gambar di bawah ini

animasi_rocket3

4. Lalu kita buat CSS seperti gambar di bawah ini

animasi_rocket4

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
 

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More