Judul : Css Border Radius Generator
link : Css Border Radius Generator
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
Demikianlah Artikel Css Border Radius Generator
Sekian Css Border Radius Generator, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingankali ini.