![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
http://momovip656.blog33.fc2.com/
このブログの記事タイトルをマウスオーバーすると、タイトルがぼけます。
マネしたいのですが、やり方がわかりません。
どなたか方法を知っている方や、何か関連することを知っている方はいませんか?
No.2ベストアンサー
- 回答日時:
a:hover {
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 20px #2220de, 0 0 20px #CFF, 0 0 20px #CFF, 0 0 20px #CFF, 0 0 20px #CFF;
}
で影を付けてますね。
ありがとうございます。
まさにそれです。
検索したら他にも色々なパターンがあるみたいです。
http://www.css-lecture.com/log/css3/css3-text-sh …
No.1
- 回答日時:
cssでa:hoverを指定すれば、a要素にカーソルが当たった時限定のスタイルを指定できます。
今回の場合はおそらく二枚画像を重ねて、カーソルが当たった時に上の画像が隠れることでタイトル画像をにじませたように見せているんだと思います。具体的にはタイトルをdiv要素などで囲い、cssで背景画像としてカーソルが当たった時の画像(今回の場合はぼやけた画像)を指定します。
そしてカーソルが当たっていない時のタイトル画像をimg要素でhtmlに配置し、cssでa:hover(カーソルがタイトルに当たった時)のスタイルとして、visibility:hiddenを指定し、カーソルが当たった際はhtmlに指定した滲んでいない画像が消えるようにします。
ざっと書いてしまいましたが、もし理解できなければさらに質問していただければと思います。面倒に書いてますが非常に簡単です。
この回答への補足
標準とボケたのと、二種類の記事タイトルを画像として作って、それらを重ねて表示し、標準の方をマウスオーバーで非表示にしているという意味でしょうか?
htmlソースを見るかぎり、記事タイトルはテキストで表示しているようですし、
記事更新のたびに画像を作るというのは、とても大変な気がします。
それに、文字コードを違うものに指定しても、文字化けした記事タイトルにマウスオーバーするとぼかした感じに変わります。
二種類の画像を用意しているというのは違うと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- FC2ブログ どうやるのか、さっぱり分かりません。ブログ引っ越したいと思っています(URLだけを変えたい)。 3 2022/12/01 07:40
- WordPress(ワードプレス) ワードプレスのパーマリンク設定について 1 2023/02/11 19:08
- その他(ブログ) シーサーブログのタイトル文字位置とブログ説明文字位置の変更方法 2 2022/09/22 20:55
- WordPress(ワードプレス) Wordpressの記事URLを自由に決めたい 3 2022/06/02 12:05
- WordPress(ワードプレス) 投稿記事のタイトル上部に「広告」の文字が表示される 1 2022/06/12 09:36
- デスクトップパソコン QRコードの作り方と可能な範囲。 4 2022/11/13 13:46
- その他(住宅・住まい) 私の自宅にも、全く同じ型式のロスナイが取り付けられています。 これって実際に業者に依頼したら費用は幾 2 2022/09/19 18:11
- FC2ブログ FC2ブログで文字を小さくしたいです。小さくする方法を教えてください。 1 2023/08/26 00:46
- その他(プログラミング・Web制作) マウスオーバー→ホイール回転でスクロールできない 2 2022/10/31 10:06
- gooブログ GOOブログ(有料版)内の本文以外の右サイド部分の項目の上下を入れ替えたいのですが。 1 2022/04/08 10:03
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
FC2は信用度は大丈夫ですか?
-
FC2でのBBSの作り方
-
Fc.2動画って有料ですか、無料...
-
アベマブログでこちらの設定が...
-
テンプレート方法
-
ブログ記事はブログ記事の作者...
-
CC licenseの画像を使用する場...
-
遺影の関係
-
いつもお世話になっております...
-
FON FREE INTERNET って料理か...
-
FC2ブログ IndexページのIndex...
-
ホームページのテーブルの中に...
-
リンクの貼り方
-
FC2の掲示板を利用しています。
-
洗濯タグの画像
-
ブログでランキング、順位が上...
-
FC2ブログで文字を小さくしたい...
-
FC2ブログでプロフィールが2つ...
-
「教えてgoo」と、中古車販売の...
-
比較のしようがありませんが、...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像の加工
-
FC2ブログ トップ画像につ...
-
ライブドアのブログで、CSSを弄...
-
アメブロのタイトル写真にくっ...
-
アメブロ、カスタマイズでタイ...
-
アメブロのヘッダー画像をクリ...
-
livedoor blog でcontainerの背...
-
アメブロのタイトル画像にURLを...
-
ウェブリブログのスタイルシー...
-
マウスオーバー時の画像とCSSに...
-
楽天ブログのタイトル・カスタ...
-
gooブログのカスタムレイアウト...
-
Seesaaでヘッダーの下にスペー...
-
マウスオーバーで文字をぼかす
-
ブログの背景画像が崩れます。
-
アメーバーブログで余計な空白...
-
livedoorブログのヘッダの変更...
-
記事の幅を広げたい
-
背景透過の画像を共有した際に...
-
背景画像の自動調整
おすすめ情報