Best ledig CSS boks skyggegenerator
Bygg CSS- boksskygge visuelt med levende forhåndsvisning, innsetting og et annet lag - kopier koden.
100 % ledig
Ingen registrering
Uten vannmerke
✨
Go Pro for de beste AI-modellene - bilde, video og prat - pluss større opplastinger, prioritet i køen og ingen ventetid.
Oppgrader til Pro
Like Best.Free? Del det
Hvordan det virker
- Flytt glidebryterne. Angi forskyvning, sløring, spredning, farge og ugjennomsiktighet. Slå av/ på forskyvning hvis du vil ha en indre skygge.
- Se på forhåndsvisningen. Liveboksen oppdateres når du drar, Legg til et annet lag i Avanserte innstillinger for dybde.
- Kopier CSS. Slå Kopier CSS og lim regelen for boksskygge rett inn i stilsettet.
Om dette verktøyet
Lag en boksskygge uten å gjette pikselverdier. Dra skyvebryterne for forskyvning- X, forskyvning- Y, slør og spre, velg skyggefarge og slå den til ugjennomsiktighet, og se en levende forhåndsvisning i sanntid - kopier den eksakte CSS- skygge av boksbildet. Vend inn- og utdelingsboksen for indre skygge. Avanserte innstillinger setter et annet skyggelag slik at du kan bygge opp de myke skyggene med flere lag som brukes på moderne kort og knapper. Alt kjører i nettleseren.
Hva folk bruker det til
- Legg til en myk skygge til kort og modal
- Opprett en indre skygge for inn- og inngående strøm og brønner
- Stabel to lag for en realistisk, diffus skygge
- Tunnesi og sløring for å passe med en design- modellering
Ofte stilte spørsmål
Forskyving-X/Y flytter skyggen vannrett og loddrett, slører kanten, og sprer seg vokser eller krymper hele skyggen før du gjør uklarheten. Live- forhåndsvisning viser hver endring med en gang.
Innskote tegner skyggen inni elementet i stedet for bak det, og gir et inntrykk som er nyttig for inn- og veksling. Vend Inverteringsboksen for å bytte.
Velg en farge, og bruk så glidebryteren for ugjennomsiktighet. Verktøyet gir en rgba () - verdi slik at skyggen blander naturlig.
Ja. Åpne Avanserte innstillinger for å slå på et annet skyggelag med egen forskyvning, sløring, farge og innsetting.
Nei. Generatoren kjører helt i nettleseren din. Skyvebryterne beregner bare en CSS- streng lokalt.
Helt gratis, uten konto og uten begrensninger - et kundeverktøy uten mål.
Ja. Det kjører i nettleseren din, så CSS Box Shadow Generator virker på telefoner, nettbrett og skrivebord - det er ingen program å installere.
Vanligvis bare noen sekunder for en typisk fil - CSS boks skyggegenerator begynner å fungere i det øyeblikket du gir den din innspill.
Tilfellebruk er ubegrenset, under en generøs rettferdig bruk som holder den rask for alle.
Alle moderne nettlesere - Chrome, Safari, Firefox og Edge. CSS Box Shadow Generator trenger ikke noe installert utover nettleseren du allerede bruker.