Cara Membuat Efek Lingkaran Gambar dengan CSS
Cara Membuat Efek Lingkaran Gambar dengan CSS
Jika kamu bosan dengan tampilan gambar berbentuk segiempat maka kamu bisa berkreasi membentuk gambar dengan lingkaran dengan CSS3 di blogspot. Dengan CSS3 kita bisa menggunakan fungsi Border Radius untuk membuat efek lingkaran.
Tanpa panjang lebar lagi silahkan anda ikuti tutoral dibawah
- Login ke user blogger anda
- Masuk ke menu Template > Edit HTML
- Letakkan Code CSS dibawah ini tepat di atas tag </b:skin>
.img-rounded {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}</pre>
<pre>
- Nah ketika anda memasukkan gambar di Posts atau Page sisipkan tag ini “class=’img-rounded” pada tag img anda contoh seperti dibawah
<img <strong>class="img-rounded"</strong> src="https://2.bp.blogspot.com/-rBqNeMo-2_k/V8fCVPyJUdI/AAAAAAAADX4/XSntAdlCrWAtbktbU3IKAwaSDuFVVpawACEw/s320/coklat%2Bblogger.jpg" />
Nah Tutorial Cara Membuat Efek Lingkaran Gambar dengan CSS sudah selesai, silahkan anda melihat hasil nya
Semoga Bermanfaat ya