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

Live
Preview card

CSS 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

  1. Upravte odsazení, rozostření a roztažení.
  2. Vyberte barvu a krytí (nebo přidejte vrstvy).
  3. Zkopírujte CSS box-shadow.

How this tool works

  1. Upravte odsazení, rozostření a roztažení.
  2. Vyberte barvu a krytí (nebo přidejte vrstvy).
  3. 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