CSS3 で画像にドロップ シャドウを追加するには、フィルター プロパティのドロップ シャドウ値を使用します。次の値があります -

h-shadow– 水平方向の影のピクセル値を指定します。

v-shadow> – 垂直影のピクセル値を指定します。負の値を指定すると、影が画像の上に配置されます。

Blur– 影にぼかし効果を追加します。

Diffusion- 正の値を指定すると影が拡大し、負の値を指定すると影が縮小します。

カラー– シャドウに色を追加する

例

ライブ デモンストレーション

    
  
Learn MySQL
  
Learn MySQL
   

出力

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