17

HTMLとCSSで光るテキストを作りたい。私はこのチュートリアルに従っています。

http://msdn.microsoft.com/en-us/library/gg589484(v=VS.85).aspx#creating_%22glow%22_effects_with_drop_shadows

Windows Vista および 7 の最小化、最大化、および終了ボタンの上にカーソルを合わせると光るのと同じように、テキストを光らせたいと思います。

私は8つのチュートリアルをオンラインで読みましたが、すべてFILTERはIEでのみ機能すると言っています（完全なBSところで、私はIE9 RCを使用していますが、表示さえしません）<p>, <a> <h1>。 .

ホバー時にテキストを光らせるにはどうすればよいですか? (画像なし)

4

4 に答える 4

35

おそらく CSS3 text-shadow を試してみてください。

text-shadow: #EEEE00 0 0 10px;

IE8 以下ではサポートされていませんfilterが、便利なところです。

filter: glow(color=#EEEE00,strength=3);

PS CSS3 text-shadow プロパティの優れた小さな機能は、複数の影を許可することです。

text-shadow: #EEEE00 0 0 10px, #FF0000 5px 5px 5px;
于 2011-03-05T05:44:53.827 に答える
11

ここで例を見つけてください http://enjoycss.com/gallery/text_effects

ここに画像の説明を入力

それらのそれぞれをエディターで開き、css3 パラメーターを調整してから、enjoycss によって必要な (生成される) css3 コードを取得するだけです。

たとえばhttp://enjoycss.com/39/1#textShadow

ここに画像の説明を入力

于 2014-03-02T00:50:04.223 に答える
0

この質問に対する答えがあると思われる場合は、ぜひ共有してください。私はこれをあきらめるつもりはありませんので。毎朝コーヒーが飲みたくなるのと同じくらい、Text にグロー効果が欲しいのです。

その間、私は半分良い、半分cr * pの解決策を見つけました：

<DOCTYPE html>  
<html>
<head>
<title>HTML5 &amp; CSS3 Samples</title>
<style>
  p {
  filter:progid:DXImageTransform.Microsoft.Glow(Strength, Color, Enabled);
    }
</style>
</head>
<body>
<center>
<p>Welcome!</p>
</center>

</body>
</html>
于 2011-03-05T06:26:18.467 に答える