ベストアンサー

ＨＴＭＬで文字の影

2007/09/09 15:58

HTMLで、影文字を作りましたが、オケーウェブ（今見てる画面）の一番左上にある画像のように、鏡のように、影を反転させようと思いますが、色々試行錯誤しましたが、上手くいきませんが、何かアイデアはありませんか？ text-shadowは、ＩＥで使えないので、ＨＴＭＬタグでお願いします。ちなみに私のＨＴＭＬのソースです。 <html><head></head> <title>CSSを作るぞ</title> <body> <span style="width:60%;filter: (color=#E3E3E3,offx=3,offy=3,positive=-1)dropshadow (color=#E3E3E3,offx=10,offy=10,positive=-1);"><font size=7>影がついたかな？</font></span> </body></html>

noname#57880

HTML
回答数4
ありがとう数4

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

gura_
ベストアンサー率44% (749/1683)

2007/09/09 18:04 回答No.4

　こういうことですか↓ <html> <head> </head> <body> <DIV><IMG src="http://oshiete1.goo.ne.jp/images_goo/goo_h1_50b.gif"></DIV> <DIV><IMG src="http://oshiete1.goo.ne.jp/images_goo/goo_h1_50b.gif" style="filter:flipV() alpha( style=1, opacity=60, finishopacity=0, startx=85, starty=0, finishx=85, finishy=100);"> </DIV> <h1> <div style="width:100%; ">test</div> <div style="width:100%; filter:FlipV() alpha( style=1, opacity=60, finishopacity=0, startx=85, starty=0, finishx=85, finishy=100);">test</div> </h1> </body> </html>

参考URL：: http://www.tohoho-web.com/css/reference.htm#FilterAlpha

質問者

お礼 2007/09/13 19:04

お礼を付けるの忘れてました。遅くなってすいません。回答ありがとうございました。

質問者

補足 2007/09/09 19:46

まさに！これです。ソースありがおとうございまうす

ログインすると、全ての回答が全文表示されます。

その他の回答 (3)

Seravy
ベストアンサー率47% (118/249)

2007/09/09 17:25 回答No.3

HTMLタグでですか？　あ、ちなみに、影というより、「鏡面反射」の方が近いですね。単純に「反射」の方が近いです。 IEで使えないと言っておきながら、styleでfilter属性を利用するのは、IE以外をすべて除外する事になるのでお勧めできません。現在のシェアから言って、5人に1人はIE以外のブラウザーを使っている事になるので、あなたが望んでいるユーザー体験をさせるには、もっと気の利いたことでやった方が良いと思います。で、方法は2つ。 1つめは、OKWAVEがしているように、最初っから画像で作ってしまう方法。勘違いされておられるかもしれませんが、OK WAVEのロゴは画像です。タグ（CSS）で作られた物ではありません。やり方はNo.1さん参照で。 2つめは、JavaScriptライブラリーを使う事です。 Reflex.jsだと画像を鏡面表示できます。文字までは調べきれませんでしたが、多分あると思います。ライブラリーを探してみてください。

質問者