賢威7カスタマイズ一覧StingerXeoryお問い合わせHomemicatamicata:マウスオーバー時にリンク/画像を動かす方法micatamicata:マウスオーバー時にリンク/画像を動かす方法こんにちは、ぶどうサワーです。サイトの閲覧ありがとうございます。今回の記事では、先日公開された無料のWordPressテーマ:micata(ミカタ)を使ったカスタマイズを紹介したいと思います。ウェブサイトの中には、画像やリンクがマウスオーバーしたときに、ほんの少し動くことありますよね。実はあれCSSでとても簡単にできるんです。簡単なわりに遊び心が出るというかサイトの雰囲気が明るくなるので、結構オススメなカスタマイズだったりします。CSSファイルを編集micataでは子テーマが配布されているので、子テーマを使ってカスタマイズしていきます。2px;}画像やテキストが、マウスオーバー時にほんの少し動くようになります。プロパティで右からの距離を指定しています。上(左)からと書くと分かりづらいんですが、上から押し出して下へ移動するイメージです。移動するという意味になります。押し出す(上に2px移動)ことになります。上から-5px、下から-5px移動する場合、CSSコードは以下のようになります。-5px;}他の距離についても、これと同じ要領で出来ます。良かったらお試し下さい。今回のカスタマイズは以上です。最後まで閲覧ありがとうございました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。