ブックマーク / javascript123.seesaa.net (1)

  • box-shadow

    CSS3 の box-shadow はボックスに1つあるいは複数の影(ドロップシャドウ効果)を付加する プロパティです。これを使うことによって、立体的な要素の表現が可能に可能になりました。 他の要素の配置に影響を与えないので重なることがあります。 box-shadowプロパティでボックスに影を表示 ※下記 サンプルコード:高さ,幅,ボーダーなどのコードは省略してます。各自で設定してください。 シャドウ 外側 右方向、下方向 box-shadow構文: 水平方向 垂直方向 ぼかし 広がり 色 向き(内向きにする場合insetを付加); .shadow { box-shadow:6px 0px 0px 0px blue; } /* 水平方向 右へ 6px */ .shadow { box-shadow:6px 7px 0px 0px blue; } /* 垂直方向 下へ 7px */ .sha

    minamo_bunko
    minamo_bunko 2021/02/06
    Tips
  • 1