問題タブ [box-shadow]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
5 に答える
166879 参照

css - 'box-shadow-color'プロパティはありますか?

私は次のCSSを持っています:

今、私はその色を抽出して、ページの色を「スキナブル」にしようとしています。これを行う方法はありますか?色を削除し、後で同じキーを再度使用すると、元のルールが上書きされます。

ないようですbox-shadow-color、少なくともグーグルは何も上げません。

0 投票する
11 に答える
34134 参照

html - CSS は div の 4 つの側面すべてをシャドウします

すべてのブラウザーでサポートされるようにしたいので、CSS3 ではなく CSS でこれを実現したい 四方に影のある背景

つまり、コンテンツを含む div で、四方に影があります。上部の領域はナビゲーションに使用されます。チュートリアルを検索しましたが、これまでのところ役に立ちません。ヘルプ!

0 投票する
1 に答える
260 参照

css - CSS3 Box-Shadow を IE のコンテンツに適用する

こんにちは、メイン コンテンツ ボックスにボックス シャドウを適用しようとしましたが、IE では正しく機能しません。FirefoxやChromeのようにボックスの端に影を適用するのではなく、コンテンツに影を適用しているようです。

使用しているフィルターは次のとおりです。

0 投票する
5 に答える
71001 参照

jquery - jQueryでボックスシャドウをアニメーション化する正しい方法

jQueryでbox-shadowプロパティをアニメーション化するための正しい構文はどれですか?

0 投票する
4 に答える
751728 参照

css - CSSボックスシャドウボトムのみ

これどうやってするの?要素に影の下線があるように見せたいです。他の3つの側面の影は必要ありません。

0 投票する
13 に答える
467984 参照

css - 要素の片側にボックスシャドウを追加するにはどうすればよいですか?

一部の要素にボックスシャドウを作成する必要がありますblockが、(たとえば)その右側にのみ作成します。私のやり方は、内側の要素をbox-shadow外側の要素にラップすることです。padding-rightそのoverflow:hidden;ため、影の他の3つの側面は表示されません。

これを達成するためのより良い方法はありますか?のようにbox-shadow-right

編集:私の意図は、影の垂直部分のみを作成することです。repeat-yルールの内容とまったく同じbackground:url(shadow.png) 100% 0% repeat-yです。

0 投票する
13 に答える
220750 参照

css - 四辺すべてにボックスシャドウを適用する方法は?

box-shadow4面すべてにaを適用しようとしています。私は2つの側面でしかそれを得ることができませんでした:

0 投票する
2 に答える
2234 参照

css - デフォルトのボックスの影の色?

何も指定されていない場合、*box-shadows のデフォルトの色は何色ですか?

その色を個別に設定するにはどうすればよいですか? ( Is there a 'box-shadow-color' property?によると *box-shadow-color のようなものはありません...)

0 投票する
5 に答える
7189 参照

html - ボックスの影を覆す

内のすべての画像がボックス シャドウを取得するルールがあります。ここで、ボックス シャドウを持つべきではない特定の画像が 1 つありますが、領域内にあります。ここで、その画像に ID またはクラスを指定すると、優先度が高くなります。これは良いことです。しかし、ボックスの影を元に戻すにはどうすればよいですか? 0px に設定すると機能しません。

ありがとう!ジョン

0 投票する
1 に答える
250 参照

css - CSS3: ボックス シャドウ

ボックスがあり、ボックス シャドウ css を使用しているとします。これを のみに適用するにはどうすればよいでしょうtop right bottomか?