画像が光る!?カーソルの魔法

こんにちは、明人です。


私のブログにお越しいただき、
ありがとうございます。


今回は、裏ワザ第2弾
「光る画像!?カーソルの魔法」
お伝えしたいと思います。


light01


ブログで、画像にカーソルを乗せると、
ちょっぴり光るのを見たことがありますか?


その設定方法をお伝えしますね。


またまた、CSSの登場です。


「外観→テーマ編集」をクリック。


右側の下の方の「スタイル」にある、
「design.php」をクリック。


どこでもいいのですが、
わかりやすいので、一番下にしますね。


/*————————————————————
template created by web-rider
————————————————————-*/


この記述の上に、
下記のソースを追加します。


html:not(:target) img:hover{/*CSSハック。forefox・google chrome・IE9~など*/
opacity:.8;/*forefox・google chrome・IE9など。0で透明。1で不透明*/
filter:none;/*IE9~でのfilterを無効。opacityとの併用回避*/
}



「ファイルを更新」をクリック。


以上で完了です。


分からなくなったら、いつでもご相談ください。
解決できるまで、お手伝いさせていただきます。


よろしくお願いします。


では、今日はこの辺で・・・


最後までお付き合いいただき、
ありがとうございます。

コメントを残す

サブコンテンツ

プロフィール

お気軽にご質問ください!



わからないことやお困りのことがあれば、お気軽にご相談ください。

このページの先頭へ