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.
Generator de tranziție CSS3
Tranziție lină a opacității
Generator de panglică CSS
Proiectați panglici atrăgătoare pentru site-ul dvs.
HTML Minifier
Comprimați și optimizați codul HTML cu precizie profesională
Generați cuvinte aleatorii pentru orice scop
Creați cuvinte aleatorii cu lungime, complexitate și opțiuni de formatare personalizate.