CSS Shadow Generator - Box Shadow Tool
Generate CSS box shadows online. Create beautiful shadow effects with visual editor.
Share
Shadow Layer
Shadow Layer
Shadow Layer
CSS 代码
.box {
box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1), 0px 2px 4px -2px rgba(0,0,0,0.06);
}Live Preview
Background Color
预览盒子
支持多层阴影叠加，打造丰富的视觉效果
Related Tools
More CSS & UI Generators
Flexbox Generator
Generate CSS Flexbox layouts online. Visual editor for flex ...
CSS Grid Generator
Generate CSS Grid layouts online. Visual editor for grid tem...
CSS Border Generator
Generate CSS border styles online. Customize border radius, ...
CSS Button Generator
Generate CSS buttons online. Customize colors, shadows, bord...
Loading Spinner Generator
Generate CSS loading spinners and loaders online. Customizab...
CSS Animation Generator
Generate CSS animations online. Create keyframe animations w...
Icon Library
Search and download icons online. Browse thousands of free i...
Responsive Design Tester
Test responsive design online. Simulate different screen siz...
Can I Use Query
Check browser support for web technologies. Query Can I Use ...