Menggunakan CSS3 Untuk Membuat Bidang Bersudut Bundar

Hari ini tampaknya saya sedang mood dalam menambah ilmu dan menulis artikel, dipostingan yang lalu saya sempat membahas bahwa desain akan menunjang kenyamanan dan kemudahan pengunjung dalam mengakses blog atau web kamu.
Coba lihat teks yang saya buat dibawah ini

      

 

 

 

                                              INI ADALAH TEKS YANG MENGGUNAKAN CSS3

 

Tulisan yang saya gunakan diatas ini adalah sebuah teks loh, keren yah heheu ini semua bisa saya lakukan berkat bantuan CSS3, silahkan sobat copy paste saja jika ingin membuktikan keaslian teks tersebut hehehe...
CSS (Cascading Style Sheets) adalah teks yang memberikan  arahan  untuk sebuah halaman HTML sedangkan CSS3 adalah perkembangan dari CSS sendiri yang mempunyai fungsi sebagai pemberi dukungan efek untuk CSS, jika dulu untuk sebuah dukungan efek kita harus menggunakan Java Script atau Jquery maka sekarang kita bisa mengandalkan CSS3 sebagai penggantinya.
Buat sobat-sobat yang baru bikin blog atau lagi renovasi blog saya akan berbagi ilmu tentang kode-kode dari CSS3 yang bisa diaplikasikan ke desain blog kamu mari kita langsung ke TKP sob

Membuat Kotak Dengan Sudut Bundar
Jika kamu berniat membuat satu template dengan wraper yang bersudut bundar silahkan gunakan kode dibawah ini

-moz-border-radius: 10px;
-webkit-border-radius: 10px;

contoh sebuah kotak yang menggunakan kode ini

              CONTOH KOTAK

Untuk pengaplikasiannya kamu tinggal menyimpan kode yang saya berikan tadi di akhiran kode CSS yang akan dijadikan bundar sudutnya. Jika ada pertanyaan atau kesulitan dalam pengaplikasiannya silahkan tinggalkan pertanyaan dikolom komentar nanti saya balas secepatnya thnx :)

Description: Menggunakan CSS3 Untuk Membuat Bidang Bersudut Bundar Rating: 4.5