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

  1. Login ke user blogger anda
  2. Masuk ke menu Template > Edit HTML

edit-template

  1. 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>
  1. 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

 

Leave a comment