box-shadow

スポンサーリンク
CSS

box-shadowプロパティ CSS+HTML完全ガイド 使い方について徹底解説

box-shadowプロパティは、要素に影を付けるために使用します。影のオフセット、ぼかしの強さ、色、広がりなどを細かく設定でき、デザインに奥行きや立体感を加えることができます。box-shadowプロパティの値とその効果 オフセットX (px): 水平方向の影の位置を指定します。 オフセットY (px): 垂直方向の...
HTML&CSS

box-shadow 影をつける コピペで使えるHTML+CSS

画像imgやdivなどボックス単位について影をつけるbox-shadowプロパティについて、ぼかし、広がり、方向の各数値の設定方法と効果について具体例を挙げながら解説します。
HTML&CSS

文字や画像に影をつける コピペで使えるHTML+CSS

影を描くCSSプロパティにはテキスト向けのtext-shadowと要素全体に対して適用されるbox-shadowがあります。このページでは2つが、どう違うのかを比較しやすい具体例を出しながら適用方法について解説します。