Creați umbre frumoase de cutie CSS fără efort
Generați umbre uimitoare cu interfața noastră intuitivă. Copiați codul CSS și utilizați-l instantaneu în proiectele dvs.
Preview
Umbră cutie
Personalizează-mă
Ieșire CSS
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
Comenzi de umbră
Position
0px
4px
Size
6px
-1px
Color
10%
Options
Presets
Umbră moale
Umbră medie
Umbră grea
Umbră interioară
Diagonală ascuțită
Strălucire contur
Umbră dublă
Efect ridicat
Mod de utilizare
Comenzi de bază
- ReglațiDecalaj orizontalpentru a muta umbra la stânga sau la dreapta
- ReglațiDecalaj verticalpentru a muta umbra în sus sau în jos
- CreștețiRaza de estomparepentru a face umbra mai moale
- Use Raza de răspândirepentru a mări sau a micșora dimensiunea totală a umbrei
- ModificațiColor and Opacitypentru a particulariza aspectul de umbră
Funcții avansate
- Enable Umbră inseratăpentru a crea un efect de umbră interioară
- Use Umbre multiplepentru efecte mai complexe
- Salvați și încărcațiPresetspentru acces rapid la umbrele tale preferate
- Click Umbră aleatoriepentru inspirație
- Copiați codul CSS generat și lipiți-l în proiect
Related Tools
Creați machete Flexbox perfecte
Vizualizați, personalizați și generați cod CSS flexbox cu interfața noastră intuitivă drag-and-drop.
Convertor Stylus în CSS
Transformați-vă codul SCSS în CSS. Rapid, ușor și sigur.
Convertor SCSS în CSS
Transformați-vă codul SCSS în CSS. Rapid, ușor și sigur.
Calculator de marjă
Calculați marja de profit, marja brută și adaosul cu calculatorul nostru cuprinzător de marjă.
Convertor de unități de densitate de stocare
Convertiți între diferite unități de densitate de stocare a datelor cu precizie
Convertiți JSON în Excel fără efort
Transformați-vă datele JSON în format Excel cu un singur clic. Rapid, sigur și complet bazat pe browser.