Css Border Radius Generator

B

eberapa waktu lalu Full Blog Design telah berbagi tool yaitu Beautiful Css yang fungsinya adalah untuk membuat tampilan kode CSS menjadi lebih rapi,Postingan kali ini pun Kang Mahfid masih akan berbagi sebuah tool yang bisa membuat tampilan border/kotak/box menjadi lebih keren dengan effek melengkung sesuai dengan yang kita ingin kan,biasanya kode kode tersebut berbentuk seperti ini:
<div style="width:100px;height:100px;border:1px solid#333 ;background:black"></div> maka akan menghasilkan sebuah kotak yang berwarna hitam dalam bentuk bujur sangkar ,akan tetapi jika kita berikan sedikit  sentuhan kode border-radius seperti contoh kode <div style="width:100px;height:100px;border:1px solid#333 ;background:black;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;"></div> silahkan lihat kode yang berwarna biru kode itulah yang akan di tambahkan untuk membuat effect sebuah box/kotak menjadi melengkung sesuai yang kita inginkan ,tentunya untuk melakukan hal itu sangat sulit kita lakukan secara manual karena kita tidak bisa mengira ngira berapa effect melengkung/radius yang akan kita berikan.Nah untuk mempermudah pekerjaan itu ,kang Mahfid akan berbagi sebuah tool yang bisa sobat fungsikan dengan mudah berikut screenshotnya :

Nama tool tersebut adalah Border Radius Generator silahkan copy code yang di beri tanda merah dan tambahkan pada kode yang sudah tersedia .Gimana sobat ingin berexperiment dengan tampilan Box/border yang ada pada template sobat silahkan menuju ke blog DEMO nya disini dan selamat Berkreasi

Judul Artikel :Css Border Radius Generator

Terima Kasih Sobat sudah membaca Artikel saya Tentang Css Border Radius Generator Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih