れおの小屋

デザイン,イラスト,動画制作,ガジェット系のTIPS中心のIT系雑記ブログ

サイト内の全リンクにフェードアルファをかける

 

リンクのオンマウス設定、1つ1つやっていくのは面倒ですよね。
全部のリンクにまとめてフェードでアルファをかけたい…!!
そんな時に、コピペで使えるコードを用意しました。

以下のコードをコピペ

a:hover{
opacity: .2;
-webkit-opacity: .2;
-moz-opacity: .2;
}
a{
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}



画像だけに対応させたい場合はimgタグを入れて下さい。

上記は速度早め×白濃いめの設定になっているので、適宜お好みで数字を変更して下さいね!

WordPressはもちろん、通常のWebサイトでも活用できます。

プライバシーポリシーお問い合わせ|©Reo