サイト内の全リンクにフェードアルファをかける
リンクのオンマウス設定、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サイトでも活用できます。