Blog Request tutorial? klik disini!

  • Membuat Animation Transitions Menggunakan CSS3

    Ditulis oleh: Faizal Ryza
    1217 kali dibaca
    06 Feb / 2014 23:58

    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
     






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155