CSS Box Shadow Generator
Gratis online CSS box shadow generator med live forhåndsvisning. Juster offset, sløring, spredning, farve og gennemsigtighed med interaktive skydere.
Shadow List
Generated CSS
Sådan fungerer det
- Åbn generatoren og se en live forhåndsvisning af box-shadow med det samme.
- Juster det vandrette og lodrette offset med skyderene for at placere skyggen præcist.
- Indstil slørings- og spredningsværdierne for at kontrollere skyggens blødhed og størrelse.
- Vælg en farve og gennemsigtighed, der passer til dit design.
- Kopiér den genererede CSS-kode og indsæt den direkte i dit stylesheet.
Eksempel
Input: Vandret: 3px, Lodret: 6px, Sløring: 10px, Spredning: 1px, Farve: #ff0000, Gennemsigtighed: 0.6
Resultat: box-shadow: 3px 6px 10px 1px rgba(255, 0, 0, 0.6);
FAQ
Ja, CSS Box Shadow Generator er helt gratis og kræver ingen registrering eller konto.
Dine data er helt sikre. Al behandling sker på klientsiden i din browser. Ingen data sendes til nogen server.
Ja, du kan kombinere flere box-shadow-værdier adskilt af kommaer i din CSS for at skabe lagdelte skyggeeffekter.
Ja, box-shadow understøttes af alle moderne browsere uden behov for leverandørpræfikser.