kemarin kan sudah berkenalan dengan css dan kita juga sudah tau bentuk struktur dasar penulisan css, nah sekarang saya akan menshare cara membuat efek radius dengan css. Pertama apa sih efek radius itu ? efek radius adalah efek untuk menumpulkan sudut sudut yang tajam. bingung ? langsung ke contoh deh
disini saya punya gambar default
dengan coding seperti ini:
<html>
<head></head>
<body>
<img url="defaul.jpg">
</body>
</html>
perhatikan,, di gambar tersebut ada 4 sudut yang tajam atau lancip sekarang saya akan mengubahnya menjadi sedikit tumpul. untuk mengubahnya kita akan menambahkan efek radius dengan css. ingat selektornya adalah "img" dan propertinya adalah "border-radius" untuk nilainya kita bisa atur sendiri dengan satuan px
<html>
<head>
<style type="css">
img{border-radius:10px;}
</style>
</head>
<body>
<img url="defaul.jpg">
</body>
</html>
maka hasilnya :
lihat perubahannya ke 4 sudut tersebut terlihat menjadi lebih tumpul
nah sekitan postingan tentang cara membuat efek radius
terima kasih
0 komentar:
Posting Komentar