css-シャドウ-1.2

免責事項：この記事はブロガーオリジナル記事ですが、許可ブロガーなく再生してはなりません。https://blog.csdn.net/caishu1995/article/details/88343244

テキストの影

text-shadow: 
    0 0 0.25em blue, 
    0 0 0.65em blue;

テキストの影

テキストの影は：1つの以上の影のテキストを追加します。この属性は、各2つのまたは3つのオプションの長さ値及び所定の色値をシェーディング、陰影のコンマ区切りのリストです。長さは0が省略されています。

H-shadowが必要。影の水平位置。負許可します。

V-shadowが必要。影の垂直位置。負許可します。

オプションのぼかし。ファジィ距離。

カラーオプション。影の色。

あなたが複数のオーバーレイ影の効果を追加することができますので、コンマができる理由。

シャドーボックスで

-webkit-box-shadow: 10px 10px 50px 20px pink inset;/* Safari、Opera 以及 Chrome */
-moz-box-shadow: 10px 10px 50px 20px pink inset; /* 老的 Firefox */
box-shadow: 10px 10px 50px 20px pink inset;

フレームの影

ボックスシャドウ：一枚の以上のシャドウフレームを追加します。プロパティには、影のカンマ区切りリストです。

H-shadowが必要。影の水平位置。負許可します。

V-shadowが必要。影の垂直位置。負許可します。

オプションのぼかし。ファジィ距離。

オプションの広がりました。影のサイズ。

カラーオプション。影の色。

インセット オプション。外側の影は内部になります。

フレームの影

-webkit-filter: drop-shadow(10px 10px 0 pink); /* Safari、Opera 以及 Chrome */
filter: drop-shadow(10px 10px 0 pink);

フレームの影

ドロップシャドウ：一枚の以上のシャドウフレームを追加します。プロパティには、影のカンマ区切りリストです。

H-shadowが必要。影の水平位置。負許可します。

V-shadowが必要。影の垂直位置。負許可します。

オプションのぼかし。ファジィ距離。

オプションの広がりました。影のサイズ。

しかし、巨大なピットがあり、ファイルサイズが影できることを説明しました。その結果、私は生と死の効果をテストしていません。Webkitの、およびいくつかの他のブラウザでは、第四の長さをサポートしていない、追加した場合、それは表示されません：。最後に、私は文書を見つけ、彼はそこに、そのような言葉、ノートがある真ん中の束を見つけました

おすすめ