ボックスシャドウジェネレーター
カスタムCSSボックスシャドウを視覚的に作成します。オフセット、ぼかし、広がり、色を調整し、CSSコードを即座にコピーできます。
Preview
box-shadow: ;設定
10px
10px
5px
0px
50%
色
#000000
#3b82f6
#ffffff
tools.relatedTools
tools.viewMoreColor Converter
Convert colors between HEX, RGB, HSL formats. Preview colors in real-time with an intuitive interface.
CSS Minifier & Beautifier
Format CSS with proper indentation or minify CSS to reduce file size. Beautify messy CSS code and optimize stylesheets for better performance.
CSS Gradient Generator
Create beautiful linear and radial gradients visually. Generate CSS code instantly for your projects.
Aspect Ratio Calculator
Calculate aspect ratios, find missing dimensions, and use common presets like 16:9 and 4:3. Perfect for designers and video editors.