stinger8/記事のサムネイル画像を◯(丸型)にしてみる

シンプルなテンプレートstinger8のカスタマイズです。
カテゴリページの記事一覧などにも使える簡単なcssです。

画像を丸く表示しておいて、 オンマウス時に四角にもどします。

動きをなめらかにするためにtransitionを指定しておきましょう。

stinger8のカスタマイズならこれをコピペでいけると思います。

.kanren dt img{
	width:100%;
	height:auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	}
 
.kanren dt img:hover{
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	transition:all .3s;
	}