Penggunaan CSS3 3D Transforms Yang Harus Kamu Tahu #3

 Author : hadinug, 21 February, 2014, Komentar

Pada bagian yang ketiga kita akan membuat objek 3d berupa kotak (cube). Di tutorial yang pertama dan kedua kita sudah mempelajari tentang perspective, 3d transform, dan membuat animasi card-flip sederhana. Nah ditutorial bagian ke tiga ini dari penggunaan CSS3 3d transform yang harus ketahui, merupakan pengembangan dari tutorial sebelum nya.


4. Cube

Langsung saja untuk membuat sebuah objek 3d cube, buat elemen makrup HTML seperti berikut:

Read More

Penggunaan CSS3 3D Transforms Yang Harus Kamu Tahu #2

 Author : hadinug, 21 February, 2014, Komentar

Di bagian yang pertama kita telah belajar tentang perspective pada css3 3d, bagaimana nilai perspective mempengaruhi sebuah elemen 3d. Nah pada bagian yang kedua ini penulisa akan mencoba membuat sebuah animasi 3d card, sebuat saja Card Flip dengan memanfaatkan nilai perspective dan 3d transform pada properti css.

Read More

Penggunaan CSS3 3D Transforms Yang Harus Kamu Tahu #4

 Author : hadinug, 21 February, 2014, Komentar

Dibagian terkahir ini yaitu yang keempat kita akan membuat sebuah objek prism, atau biasa dibilang balok dengan css 3d transform. Nah jika pada cube terasa mudah bagi temana-teman, disini kita akan sedikit memutar otak utuk membuat objek 3d balok.


Pada HTML markup, kita tambahkan kode berikut:

Read More

Pages
 
 
Archive
Postingan Terbaru
#