Vytvářejte krásné stíny rámečků CSS bez námahy
Generujte úžasné stíny boxů s naším intuitivním rozhraním. Zkopírujte kód CSS a okamžitě jej použijte ve svých projektech.
Preview
Stín
Přizpůsobte si mě
Výstupní
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
ovládací prvky stínu
Position
0px
4px
Size
6px
-1px
Color
10%
Options
Presets
Měkký stín
Střední stín
Těžký stín
Vnitřní stín
Ostrý Diagonální
obrys Záře
Dvojitý stín
Zvednutý efekt
Jak používat
Základní ovládací prvky
- Nastavenímvodorovného posunuposunete stín doleva nebo doprava
- Nastavenímsvislého posunuposunete stín nahoru nebo dolů
- Zvětšeterozostřeníaby byl stín měkčí
- Use Poloměr rozostřenípro zvětšení nebo zmenšení celkové velikosti stínu
- Změňte proColor and Opacitypřizpůsobení vzhledu
Pokročilé funkce
- Enable Vsadit stínpro vytvoření efektu
- Use Více stínůpro složitější efekty
- Uložit a načístPresetspro rychlý přístup k vašim oblíbeným stínům
- Click Náhodný stínpro inspiraci
- Zkopírujte vygenerovaný kód CSS a vložte jej do svého projektu
Related Tools
Zkrášlovač CSS
Formátujte a zkrášlete svůj CSS kód s profesionální přesností
Převodník jednotek teploty
Transformujte svůj kód SCSS do CSS. Rychle, snadno a bezpečně.
Převodník SCSS do CSS
Transformujte svůj kód SCSS do CSS. Rychle, snadno a bezpečně.
Validátor JSON
Snadné kódování parametrů URL přímo ve vašem prohlížeči.
Převod textu do SEO-friendly Slugů
Bez námahy převeďte text do oktální reprezentace
Editor JSON
Snadno upravujte Big JSON - bleskově rychlé a plynulé