スタイルシートで画像のフェード効果

こちらのサイトのマネをしました。

a5

★子テーマにこれをプラスして
.fade {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.fade:hover {
opacity: 0.4;
filter: alpha(opacity=60);
}

★イメージタグの class の中に fade を入れました。
class=”fade alignnone size-medium wp-image-467″

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です