虹の影を作ってみました。
-
0 名前： るーち ： 2006/07/09（日） 16:28 ［URL］ ID:IqRIJCqB
- <font color=#ff0000><span style="font-size : 50;width:100%;filter:
dropshadow(color=#FFA500,offx=3,offy=1,positive=1)
dropshadow(color=#FFFF00,offx=3,offy=1,positive=1)
dropshadow(color=#008000,offx=3,offy=1,positive=1)
dropshadow(color=#0000FF,offx=3,offy=1,positive=1)
dropshadow(color=#4B0082,offx=3,offy=1,positive=1)
dropshadow(color=#800080,offx=3,offy=1,positive=1)">虹の影</span></font>
このようなタグを使っています。実際に虹の影を見てどうでしょうか？
もっと綺麗に見せる方法があったら教えてください。
-
1 名前： カヅサツ ◆ThCi95HEzw ： 2006/07/09（日） 16:28 ［URL］ ID:ESXFAM4l
- > どうでしょうか？
私が今使っているブラウザ(Opera 9)の独自拡張にはfilterはありませんので、ただのグラデーションに見えます。
> もっと綺麗に見せる方法があったら教えてください。
画像にするのが無難かと思います。
-
2 名前： 匿名 ： 2006/07/09（日） 16:28 ID:zqn32COP
- >>2
> ただのグラデーションに見えます。
Firefox 1.5, Opera 9 だと、ただの赤い字に見えました。
グラデーションに見えるのは独自拡張の filter がある IE だけだと思います。
-
3 名前： 匿名 ： 2006/07/09（日） 16:28 ID:zqn32COP
- >>2
記事の指定を間違えました。正しくは >>1 です。
-
4 名前： あの ： 2006/07/09（日） 16:28 ID:lKHRzitM
- HPを少し拝見しましたが…
スタイルシートを使えばこういうことができるというサンプルみたいに使うのですか？
これをHPで使う場合「IE限定ですが…」とちゃんと書いておくことですね
> もっと綺麗に見せる方法があったら教えてください。
虹の色のチョイスがいまいちだと思います
あと先頭になってる文字が赤色ではないほうがいいと思います
少し色を変更してみました
もっと虹の色が薄くてもいいかもしれませんね
<font color=#000000><span style="font-size : 50;width:100%;filter:
dropshadow(color=#ff0000,offx=2,offy=1,positive=1)
dropshadow(color=#ffbd00,offx=2,offy=1,positive=1)
dropshadow(color=#94f000,offx=2,offy=1,positive=1)
dropshadow(color=#00f023,offx=2,offy=1,positive=1)
dropshadow(color=#00f0d6,offx=2,offy=1,positive=1)
dropshadow(color=#0065f0,offx=2,offy=1,positive=1)
dropshadow(color=#4800f0,offx=2,offy=1,positive=1)">虹の影</span></font>
-
5 名前： 通りすがり ： 2006/07/09（日） 16:28 ID:yGMfbzts
- るーちさんのは黄色が強すぎ。
あのさんのは緑が強すぎ。
ところでどうして<font>の中に<span>を使うのですか？
<span style="color:#ff0000; font-size : 50px;width:100%;filter:〜
で、いいと思うんですが。
-
6 名前： カヅサツ ◆ThCi95HEzw ： 2006/07/09（日） 16:28 ［URL］ ID:ESXFAM4l
- >>2
> グラデーションに見えるのは独自拡張の filter がある IE だけだと思います。
IEで表示するプラグインで見てた… orz
何を検証しているんだろうか俺は。
-
7 名前： あの ： 2006/07/09（日） 16:28 ID:lKHRzitM
- 考えたら色の好みって人それぞれなので
難しいですよね
私のは緑が強すぎですか〜
虹色は難しいので虹色に限らず色を作ってみました（暇人
確かにspanでcolorも指定してしまえばいいですね；
コピペして書き換えただけなので
ちゃんと見てませんでした
<span style="color:#000000; font-size:50px; width:100%; filter:
dropshadow(color=#88ccff,offx=2,offy=1,positive=1)
dropshadow(color=#9bccf6,offx=2,offy=1,positive=1)
dropshadow(color=#afb1ed,offx=2,offy=1,positive=1)
dropshadow(color=#c3a4e4,offx=2,offy=1,positive=1)
dropshadow(color=#d798db,offx=2,offy=1,positive=1)
dropshadow(color=#eb9cd2,offx=2,offy=1,positive=1)">あいうえお</span>
-
8 名前： るーち ： 2006/07/09（日） 16:28 ID:IqRIJCqB
- ではこれでどうでしょうか？
虹の影を２枚重ねにして
不透明度９０・ぼかし度５・灰色のリアル影も追加しました。
重くなるとは思いますが、最初よりは綺麗に見えていると思います。
<SPAN style="width:100%;filter:alpha(style=0, opacity=90)blur(direction=135, strength=5)shadow(color=#888888,direction=135)">
<SPAN style="color:#ff0000; font-size : 48px;width:100%;height:100;
filter:dropshadow(color=#FF0000,offx=1,offy=1,positive=1)
dropshadow(color=#FFA500,offx=1,offy=1,positive=1)dropshadow(color=#FFA500,offx=1,offy=1,positive=1)
dropshadow(color=#FFFF00,offx=1,offy=1,positive=1)dropshadow(color=#FFff00,offx=1,offy=1,positive=1)
dropshadow(color=#008000,offx=1,offy=1,positive=1)dropshadow(color=#008000,offx=1,offy=1,positive=1)
dropshadow(color=#0000FF,offx=1,offy=1,positive=1)dropshadow(color=#0000FF,offx=1,offy=1,positive=1)
dropshadow(color=#4B0082,offx=1,offy=1,positive=1)dropshadow(color=#4b0082,offx=1,offy=1,positive=1)
dropshadow(color=#800080,offx=1,offy=1,positive=1)dropshadow(color=#800080,offx=1,offy=1,positive=1)">やった〜</SPAN></SPAN>
画像も作ってみました〜。
http://web1.nazca.co.jp/ruchi/niji.bmp
