CSS Skygge-generator
Generer CSS box-shadow visuelt med live forhåndsvisning. Juster offset, uskarphet, spredning, farge og opasitet. Kopier CSS-koden. Gratis, 100% i nettleseren.
Forhåndsvisning
CSS-kode
Referanse
Hva er CSS box-shadow?
CSS-egenskapen box-shadow legger til en eller flere skyggeeffekter rundt rammen til et element.
box-shadow syntaks
box-shadow: [inset] offset-x offset-y [blur-radius] [spread-radius] color;
offset-x: Horisontal avstand. Positiv = høyre, negativ = venstre.
offset-y: Vertikal avstand. Positiv = ned, negativ = opp.
Bruk av flere skyggelag
Å kombinere flere skygger skaper realistiske dybdeeffekter.
Designtips for skygger
Bruk rgba() eller hsla() farger — halvtransparente skygger ser mer naturlige ut.
Hold lyskilden konsistent — bruk samme offsetretning gjennom hele grensesnittet.
Personvern
All skyggegenerering kjøres 100% i nettleseren din. Ingen data sendes til noen server.