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ě.
Minifikátor CSS
Komprimujte a optimalizujte svůj CSS kód s profesionální přesností
Osmičková na hex
Snadno převádějte osmičková čísla na šestnáctková
Kalkulačka průměru
Rychle vypočítejte průměr (aritmetický průměr) sady čísel s naším snadno použitelným nástrojem.
HSV na HEX
Převádějte barevné kódy HSV na hodnoty HEX pro webový design