CSS Membuat Round Sudut pada Image

CSS Membuat Round Sudut pada Image - Malam ini seperti biasanya saya akan membagi satu tutorial yang bagus. Tutorial CSS ini tentang Round image. Round pada image ini biasanya sering kita temui pada home blog atau memang variasi dari blog-blog yang menggunakan CSS 3 dan HTML 5.

Berikut ini script nya :

.post-body img {
border-radius: 50%;
box-shadow: 0px 0px 15px #000; /
padding:0;
border:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.post-body img:hover {
box-shadow: 0;
border-radius: 0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}

Demonya :

Kemudian kode pemanggilnya :

<img class="round" src="URL image" />

Oke silakan dicoba dulu untuk tutorial CSS Membuat Round Sudut pada Image.