CSSボックスシャドウ生成ツール
直感的なビジュアルエディターで美しいボックスシャドウを作成します。複数のシャドウを重ね、プリセットを使用し、すべてのプロパティをカスタマイズします。
Shadow 1
box-shadow: 0px 4px 15px 0px rgba(0,212,255,0.3);
CSS Box Shadow - 技術的な詳細
The box-shadow CSS property adds shadow effects around an element's frame. You can set multiple shadow effects separated by commas. Each shadow is described by X and Y offsets, blur and spread radii, and color.
コマンドラインでの代替方法
/* Single shadow */\nbox-shadow: 0px 4px 15px rgba(0,0,0,0.2);\n\n/* Multiple shadows */\nbox-shadow: 0px 4px 6px rgba(0,0,0,0.1), 0px 2px 4px rgba(0,0,0,0.06);\n\n/* Inset shadow */\nbox-shadow: inset 0px 2px 4px rgba(0,0,0,0.25);