Cara membuat kolom input HTML yang tidak lancip ujungnya (rounded)

Tren desain selalu berganti-ganti, begitu juga desain UI. Akhir-akhir ini yang lagi ngetrend adalah desain rounded, yaitu desain yang tidak menggunakan sudut-sudut tajam/lancip.

Secara default, kalau kita membuat elemen-elemen HTML seperti kolom input data, ujungnya lancip.

Supaya tidak lancip, alias supaya rounded, kita bisa menambahkan style pada elemen yang kita kehendaki, kita tambahkan “border-radius” yang nilainya antara 10 – 20 piksel misalnya.

Coba lihat contoh yang ditunjukkan di video tutorial di bawah ini:

Hampir semua elemen di HTML bisa kita “rounded”-kan ujung-ujungnya jika kita mengikuti trend round edged design ini.

Tinggalkan komentar