Postingan

Menampilkan postingan dari Maret, 2023

Apa dan Bagimana Cara Penggunaan Border Radius?

Gambar
  4 min / Tips Coding / Border-radius  Dalam sebuah website, mungkin kamu pernah melihat sebuah elemen atau gambar yang bordernya (bagian tepinya) berbentuk elips (lengkungan) untuk membuat elemen atau gambar tersebut semakin menarik. Misalnya kamu bisa melihat pada gambar berikut. contoh border radius Atau seperti gambar berikut. Nah lengkungan di setiap sudut elemen pada gambar diatas tidak didesain khusus menggunakan aplikasi edit gambar tertentu. Namun dibuat menggunakan properti “Border Radius”. Apa Itu Border Radius? Border Radius merupakan properti untuk membuat suatu element memiliki tepian yang elips atau umumnya disebut sudut lengkungan. Dengan adanya properti border radius, kamu bisa berkreasi dengan menambahkan lengkungan-lengkungan halus di setiap sudut border, hingga memungkinkan kamu untuk membuat sebuah lingkaran. Biasanya, ada 4 jenis border radius yang bisa kamu gunakan. Border radius bagian kiri atas. Border radius pada bagian kanan atas. Border radius kiri bawah. Da