CSSを使用して影効果を設定する

ドロップ シャドウ 指定された X (水平) および Y (垂直) オフセットと色でオブジェクトのシャドウを作成します。

このフィルタでは次のパラメータを使用できます:

#offXoffY影がビジュアル オブジェクトから Y 軸に沿ってオフセットされるピクセル数。正の整数は影を下に移動し、負の整数は影を上に移動します。 正の true の場合、オブジェクトのすべての不透明ピクセルに影が付きます。 false の場合、すべての透明ピクセルに影が付きます。デフォルトは true です。

パラメータ	説明
カラー	色、#RRGGBB 形式、シェーディング。
投影がビジュアル オブジェクトから x 軸に沿ってオフセットされるピクセル数。正の整数は投影を右に移動し、負の整数は投影を左に移動します。

例

次のコードを実行して、ドロップ シャドウ効果を設定してみることができます:

ライブ デモ

rreeee

以上がCSSを使用して影効果を設定するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。