tl   tr
 
menu-left
menu-right

Kotak Bucu Melengkung Dengan CSS




Adalah perkara mustahil untuk hasilkan lengkungan pada kotak tanpa menggunakan gambar. Jadi dalam proses untuk hasilkan kotak melengkung, kita akan gunakan gambar dan gabungkan dengan CSS. Ini adalah hasil yang akan kita buat di akhir tutorial ini.

Ini merupakan kekotak dengan bucu melengkung. Kredit kepada Kripkorn Studios
 

 

Bagaimana nak buat?

Kotak di atas sebenarnya adalah kotak biasa (berbucu petak) dengan warna latar belakang oren dan kita masukkan 4 gambar pada setiap bucu di atas petak tersebut supaya menutup bahagian bucu yang tajam. Ke semua gambar-gambar dibahagian bucu itu kita gunakan CSS. Jadi kita mulakan dengan coding ini:

daftar
BuSHaK's picture

nice share.. tq bro

nice share.. tq bro

Hantar komen baru

 
CAPTCHA
Soalan ini dipaparkan bagi mengesahkan anda BUKAN SPAM BOT.
3 + 6 =

Selesaikan permasalahan matematik mudah ini dan masukkan hanya jawapannya sahaja. Contoh: untuk 1+3, masukkan 4.

Iklan Dari Penaja Kami

Iklan Dari Kami

Jom Tinjau Kripkorn Studios

Tutorial Pengaturcaraan Terbaru

Kemaskini Terbaru

 
tl   tl

 

 

Hubungi kami Memohon tutorial   Maklum balas Ruangan Tetamu