Blog Request tutorial? klik disini!

  • Membuat Efek 3D Dengan CSS Transform

    Ditulis oleh: Rully Febrian
    1546 kali dibaca
    15 Jun / 2014 10:48

    Hallo teman-teman apa kabar, tetap semangat ya., hari ini saya akan membagikan tutorial cara membuat efek 3d dengan css transform. Tutorial ini menggunakan 2 sisi obyek dimana kita akan memberikan efek 3d ketika dilakukan hover maka obyek akan menampilkan tampak bagian belakang. Dengan menggunakan  transform rotate dan transition obyek akan berputar dan memberikan efek 3d. Untuk lebih jelas mari kita mulai tutorial ini. Teman-teman bisa langsung membuat kode HTML seperti berikut:

    Membuat-Efek-3D-dengan-CSS-Transform

     

    Simpan kode HTML diatas dan jalankan pada browser. Mudah kan.. dengan css kita bisa membuat efek 3d yang interaktif. Teman-teman dapat mendonload kodenya disini. Demikian tutorial ini semoga bermanfaat dan menambah ilmu teman-teman dalam menguasai css. Terima kasih dan selamat mencoba.






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