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
0 Comments
Tags , css3, efek gambar, rounded img
Posted by Dokter Web on Thursday, September 1st, 2016 at 2:07 pm in Blogspot