Box Shadow Generator
Navrhněte vrstvené stíny s odsazením, rozostřením, roztažením a barvou. Zobrazte náhled na kartě a poté jedním kliknutím zkopírujte CSS.
Box Shadow Generator
LiveCSS output
box-shadow: 8px 16px 32px -4px rgba(192, 38, 211, 0.35); border-radius: 24px;
Key capabilities
- Navrhněte vrstvené stíny rámečku s odsazením, rozostřením, roztažením a barvou – včetně živého náhledu.
- Běží ve vašem prohlížeči
- Zdarma k použití
Jak používat
- Upravte odsazení, rozostření a roztažení.
- Vyberte barvu a krytí (nebo přidejte vrstvy).
- Zkopírujte CSS box-shadow.
How this tool works
- Upravte odsazení, rozostření a roztažení.
- Vyberte barvu a krytí (nebo přidejte vrstvy).
- Zkopírujte CSS box-shadow.
Recommended settings
- Nejprve použijte výchozí možnosti a v případě potřeby upravte
Supported formats
Text / on-page input
File size and limits
- Velmi složité vícevrstvé náhledy se mohou na starších telefonech zdát pomalejší.
Privacy
Generátory barev a CSS běží výhradně ve vašem prohlížeči. Náhledy a konverze nikdy nenahrávají vaše styly.
Common use cases
- Používejte generátor stínů rámečků, kdykoli potřebujete: Navrhujte vrstvené stíny rámečků s odsazením, rozostřením, roztažením a barvou – včetně živého náhledu.
Troubleshooting
Náhled po vložení vypadá jinak
Zkontrolujte, zda na stránce nejsou konkurenční CSS (resety, zděděné barvy). Vygenerované pravidlo nejprve zkopírujte do izolované šablony stylů.
Časté dotazy
Nahrává to můj CSS?
Ne. Generátory a konvertory běží ve vašem prohlížeči s živým náhledem.
Potřebuji účet?
Ne. Otevřete nástroj, upravte ovládací prvky a zkopírujte CSS.
Související nástroje
Text Shadow Generator
Craft readable text-shadow styles with live typography preview.
Open toolBorder Radius Generator
Control each corner independently and preview rounded shapes with copy-ready CSS.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open tool