Home > Menengah > Web Desain > Tutorial CSS > Membuat Kubus Menggunakan CSS3

.

Tidak ada komentar BYjumatsidiq

cs3

Kubus adalah bangun ruang tiga dimensi yang dibatasi oleh enam bidang sisi yang berbentuk bujur sangkar. Kubus memiliki 6 sisi, 12 rusuk dan 8 titik sudut. Kubus juga disebut bidang enam beraturan, selain itu juga merupakan bentuk khusus dalam prisma segiempat.

Disini kita akan menjelaskan sekaligus mempraktikan cara membuat kubus dengan menggunakan CSS.

Pertanyaanya, memang bisa Membuat Kubus Menggunakan CSS3?

Jelas bisa, disini kita akan membuat suatu bidang enam beraturan yang dinamakan kubus, yaitu dengan menggunakan CSS.

Yang harus dilakukan, Pertama-tama buat terlebih dahulu script dasar html-nya, seperti ini:

 

 

Kita akan membuat seperti gambar dibawah ini.

Gimana buatnya tuh?

Tanpa pikir panjang, bias langsung di copas(copy paspasan) aja brow :-)

Yaitu scriptnya seperti ini..

Ets tunggu dulu, script ini hanya akan terbaca oleh webroser (mozilla v. 3.5+, chrome v. 3.0+, safari v. 3.2+, Internet Exploler  v. 9+, Opera v. 10.5+), kalau web broser yang anda pakai ga bisa menampilkan seperti yang di inginkan, maka Updatekan webros anda :-D

Dan script untuk membuatnya seperti ini:

Selamat mencoba yah sobat, semoga dengan tutorial kali ini dapat menjadi inspirasi buat sobat untuk mengembangkan kemampuan yang terkadang banyak orang yang ga sadar dengan kemampuan yang di milikinya :-)

Terbatas. Paket Lengkap Mahir Web Development Bangun 5 (jenis) Project Website + Mahir Membuat Aplikasi Android. Hanya Rp 195.000 (Total 4 DVD, 16GB). Info lengkap klik disini

Video Tutorial Paket Lengkap Mahir Web Dev dan Mahir Membuat Aplikasi Android ini merupakan ‘penunjuk arah’ agar Anda yang sedang maupun baru akan terjun ke dalam dunia web development + pembuatan aplikasi Android yang lebih mendalam memiliki peta perjalanan pembelajaran yang lebih terarah menuju web developer + mobile app developer professional. (Disertai pembelajaran dasar HTML CSS, AngularJS, Cordova, JQuery, PHP & MySQL, CodeIgniter) Dibuat oleh praktisi yang memiliki pengalaman lebih dari 10 tahun di bidang web development (Pemesanan bisa SMS/WA ke 0838 1157 5876, atau bisa pesan secara online di sini)



eXTReMe Tracker