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
Înfrumusețător CSS
Formatați și înfrumusețați codul CSS cu precizie profesională
Convertor SCSS în CSS
Transformați-vă codul SCSS în CSS. Rapid, ușor și sigur.
Convertor Stylus în CSS
Transformați-vă codul SCSS în CSS. Rapid, ușor și sigur.
Convertor Base64 în imagine
Convertiți șirurile Base64 înapoi în imagini pentru dezvoltare web și vizualizarea datelor
HSV în CMYK
Convertiți codurile de culoare HSV în valori CMYK pentru designul de imprimare
Convertor SCSS în CSS
Transformați-vă codul SCSS în CSS. Rapid, ușor și sigur.