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 :-)

DVD Video Tutorial : Kursus Web Development Komplit Bangun 5 Project Aplikasi Website - Membuat CMS Sendiri Dari Nol, Blog, Portal Berita, Ecommerce, Web Komunitas dengan CodeIgniter 3 JQuery AJAX Bootstrap

Video Tutorial Kursus Web Development Komplit Bangun 5 Project Website ini merupakan ‘penunjuk arah’ agar Anda yang sedang maupun baru akan terjun ke dalam dunia web development yang lebih mendalam memiliki peta perjalanan pembelajaran yang lebih terarah menuju web developer professional. (Disertai pembelajaran dasar HTML CSS, JQuery, PHP & MySQL, CodeIgniter) Dibuat oleh praktisi yang memiliki pengalaman lebih dari 10 tahun di bidang web development (Pemesanan bisa SMS/WA ke 0813 1167 5785, atau bisa pesan secara online di sini)



No Responses

You must be logged in to post a comment.

eXTReMe Tracker