Membuat ujung kotak bulat dan bayangan tulisan pada CSS3
Apakah itu HTML5 atau CSS3, keduanya menjadi standar, ternyata ada banyak perdebatan dan pertentangan tentang kesederhanaan fitur.
Membuat sudut dibulatkan.
Dalam spec CSS3, sudut dibulatkan ditetapkan sebagai border-radius: meskipun itu diterapkan secara berbeda dalam keluarga Mozilla browser (termasuk Firefox) dibandingkan kelompok (Safari) WebKit.
Apakah ini berarti jika Anda menjalankan, katakanlah, Internet Explorer atau versi yang lebih tua dari salah satu browser, kemungkinan besar Anda tidak akan melihat sesuatu terjadi ketika Anda menentukan atribut CSS yang tepat.
Here's an example:
The code for this to work is:
Tidak terlalu buruk untuk digunakan, tetapi mengapa mereka tidak bisa hanya menerima "border-radius", yah, itu bagian dari petualangan standar web, ungkap Hari Pratomo.
Sekarang, bagaimana dengan drop shadow? Itu dilakukan dengan atribut css box-shadow, yang mengambil tiga parameter: horisontal offset bayangan, offset vertikal faktor, bayangan kabur dan warna. Rumit, ya?
Berikut adalah bagaimana hal itu bisa digunakan dalam kerjasama dengan kotak sebelumnya yang telah dibulatkan:
Ini harus menjadi sebuah kotak dengan sudut dibulatkan dengan baik.
Ternyata ada perdebatan besar tentang bagaimana menerapkan bayangan kotak, sehingga pada kenyataannya Anda harus mencocokkan model CSS3 dari browser Anda untuk itu bahkan ada kemungkinan untuk tidak bekerja.
Like this:
Jika pada browser modern mungkin tidak. Keren, kan? Ya, inilah CSS3 diperlukan untuk membuat karya ini:
Here's the code I'm using for this to work:
Message Me On Whatsapp