CSS3で簡単ロールオーバー！ふわっと透過で。

2016.03.09

自分が最近良く使う、CSS3でふわっとした透過ロールオーバー。
これは楽で使えると思います。

自分のブログでは最新エントリーや関連記事の画像の所で使っています。

.banner img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
	
.banner:hover img {
	opacity: .7;
}

.banner img {

opacity: 1;

-webkit-transition: .3s ease-in-out;

transition: .3s ease-in-out;

}

.banner:hover img {

opacity: .7;

}