Haduh! Kayaknya aku agak telat nih posting tentang CSS3nya, duh maaf ea kawan!
CSS3 sebenarnya merupakan pengembangan dari kode CSS sebelumnya, fungsinya sendiri sangat beragam dan bahkan bisa untuk menggantikkan penggunaan gambar maupun Javascript.
Untuk penulisannya sebenarnya sama dengan CSS biasa namun sayangnya sering tidak terbaca di browser lain, jadi setiap browser memiliki penulisan CSS3 yang berbeda
Contohnya pembuatan border radius (pelengkungan garis)
CSS normalnya yaitu:
border-radius:8px;
namun kode tersebut gak akan terbaca di browser Mozilla Firefox dan agar terbaca kamu harus menambahkan kode -moz- sebelum kode CSS3 normal sehingga menjadi
-moz-border-radius:8px;
Begitu pula untuk browser lainnya juga butuh penyesuaian
Browser Safari dengan penambahan -webkit-
Sehingga menjadi
-webkit-border-radius:8px;
Opera dengan penambahan -o-
Sehingga menjadi:
-o-border-radius:8px;
Jadi agar terbaca di browser Firefok, Safari, Opera kita harus menuliskan semua kode sehingga menjadi:
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-o-border-radius:8px;
Lalu masih ada 2 kode lagi yang aku masih belum tahu bekerja pada browser apa
kode tersebut adalah -icab- dan -khtml-
penulisannya sama hanya saja aku masih belum tahu kode ini bekerja pada browser apa
Jadi pada intinya untuk menulis suatu CSS3 dibutuhkan beberapa penulisan seperti di bawah ini:
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-o-border-radius:8px;
-icab-border-radius:8px;
-khtml- border-radius:8px;
Sayangnya hingga saat ini masih ada browser yang belum support CSS3 yaitu Internet Explorer, (sebenarnya cuma beberapa kode yang support)
Semoga sedikit memberi pengetahuan ya kawanku!
Keep Blogging dan jangan lupa komentar!
0 komentar:
Posting Komentar