1

CSS3プロパティを使用しています

box-shadow: 2px 2px 2px 2px #CCCCCC;

右側と下部にこの奇妙な効果を与えます。影をすべての面で等しくするにはどうすればよいですか?

ここに画像の説明を入力

4

4 に答える 4

5

使用する

box-shadow: 0 0 2px 2px #CCCCCC;

代わりは

このjsFiddleを参照してください

最初の 2 つの数値は、影の相対的な x および y オフセットを指定します。したがって、影は (2px , 2px) のベクトル、または右に 2px、下に 2px だけ移動/オフセットされました。

3 番目の数値はぼかしを指定し、4 番目は影のサイズ/広がり、5 番目は色 (16 進数) を指定します。

于 2012-04-12T16:57:40.020 に答える
5

これを使って：

box-shadow: 0px 0px 2px 2px #CCCCCC; /* Horizontal Length: px, Vertical Length: px, Blur Radius: px, Spread: px, Color */

ここで CSS3 をテストできます: http://css3generator.com/

于 2012-04-12T16:58:19.837 に答える
4

box-shadow は次のように定義されます: 水平オフセット - 垂直オフセット - 影の広がり - ぼかしサイズ - 色

あなたはただ行うことができます：box-shadow: 0 0 2px 2px #ccc;

于 2012-04-12T16:59:13.987 に答える
2

これを行うには、最初の 2 つの値を 0px に設定します。

box-shadow: 0px 0px 2px 2px #CCCCCC;

もっと見る：w3schools

于 2012-04-12T16:59:02.477 に答える