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
Size
Color
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 Sass do CSS
Transformujte svůj kód Sass do CSS. Rychle, snadno a bezpečně.
Generátor tlačítek CSS zdarma
Vytvořte si pro svůj web krásná a responzivní tlačítka. Vyberte si z více než 70 předpřipravených stylů nebo si přizpůsobte vlastní pomocí našich pokročilých ovládacích prvků.
Pantone do HEX
Převádějte barvy Pantone na hexadecimální hodnoty pro webdesign
Převodník CSS na SASS
Transformujte svůj kód CSS do odsazené syntaxe SASS. Rychle, snadno a bezpečně.