Bedste fri CSS Box Shadow Generator
Visuelt bygge CSS boks-skyde med live forhåndsvisning, indsæt og et andet lag! kopiere koden.
100% fri
Ingen tilmelding
Ingen vandmærke
Filer behandlet i hukommelsen, aldrig gemt
✨
Go Pro for de bedste AI modeller! billede, video og chat ! plus større uploads, prioritet i køen og ingen ventetid.
Opgradering til Pro
Kærlighed best.free? Del det
Hvordan fungerer det?
- Flyt skyderne. Sæt offset, sløring, spredning, farve og opacitet; slå ind, hvis du ønsker en indre skygge.
- Se forhåndsvisningen. Live boksen opdaterer som du trækker; tilføje et andet lag i avancerede muligheder for dybde.
- Kopiér CSS. Hit Kopier CSS og indsætte boks-skygge reglen lige ind i din stylesheet.
Om dette værktøj
Design en boks-skygge uden at gætte pixel værdier. Træk offset-X, offset-Y, sløre og sprede skydere, vælge en skygge farve og dial i dens opacitet, og se en live forhåndsvisning boks opdatering i realtid ! derefter kopiere den nøjagtige boks-skygge CSS. Flip indsatte skifte for en indre skygge. De avancerede indstillinger stable et andet skyggelag, så du kan bygge de bløde, multi-lags skygger, der anvendes på moderne kort og knapper. Alt kører i din browser.
Hvad folk bruger det til
- Tilføj en blød dråbe skygge til kort og modaler
- Opret en indre (indsat) skygge for indgange og brønde
- Stack to lag for en realistisk, diffus skygge
- Tune offset og sløre at matche en design mockup
Ofte stillede spørgsmål
Offset-X/Y bevæger skyggen vandret og lodret, slører kanten, og spreder sig vokser eller skrumper hele skyggen, før sløring anvendes. Live forhåndsvisning viser hver ændring med det samme.
Indsat trækker skyggen inde i elementet i stedet for bag det, giver en presset-in look ! nyttigt for indgange og skiftes. Flip den indsatte vippe til at skifte.
Vælg en farve, derefter bruge opacitet skyderen; værktøjet output en rgba() værdi, så skyggen blander naturligt.
Ja. Åbn avancerede muligheder for at aktivere et andet skyggelag med sin egen offset, sløring, farve og indsætning.
Nej. Generatoren kører helt i din browser; skyderne bare beregne en CSS streng lokalt.
Helt gratis, ingen konto og ingen grænser • et klient-side værktøj med intet at måle.
Ja. Det kører i din browser, så CSS Box Shadow Generator virker på telefoner og tabletter samt skrivebord! Der er ingen app til at installere.
Normalt kun et par sekunder for en typisk fil ~ CSS Box Shadow Generator begynder at arbejde det øjeblik, du giver det dit input.
Tilfældig brug er ubegrænset, under en generøs fair-use cap, der holder det hurtigt for alle.
Alle moderne browsere! Chrome, Safari, Firefox og Edge. CSS Box Shadow Generator har brug for intet installeret ud over browseren, du allerede bruger.