jqueryを使ったテキストシャドー

Question

javascriptで要素のテキストシャドウ属性を変更したいと思います。私の知る限り、jqueryはテキストシャドーでは機能しません。

テキストシャドウを動的に変更するための提案がありますか？

ありがとうございます！

Answer 1

Works for me（ChromeとFF、IEではなく）。

キャメルケースをお試しください。 JavaScriptでCSSプロパティを操作する場合は、ハイフンを削除する必要があります（たとえば、「background-image」は「backgroundImage」になります）。次にプロパティを設定します。

だからあなたのコードは次のようになります。

$（ '＃のBLA'）CSS（ 'textShadow'、 '＃6374AB 20ピクセル-12px 2ピクセルを'）;。アレックスPeattieのウェブサイトで

Answer 2

これは常にthis小さなスクリプトです。

しかし、これは動作しない理由を私は理解していない：

$('#bla').css('text-shadow','#6374AB 20px -12px 2px'); 

は編集：まあ、私はそれを試みたが、実際にjQueryの私の試みに感銘を受けませんでした。しかし私は別のscriptを見つけました。

乾杯！

Answer 3

$("#text").hover(function() { 
    $(this).animate({textShadow: "#aaa 6px 6px 6px"}); 
}, function() { 
    $(this).animate({textShadow: "#ccc 3px 3px 3px"}); 
}); 

これとより： http://alexpeattie.com/projects/animate-textshadow/