Besta ókeypis CSS Box Shadow Generator
Sýnilega byggja CSS kassi-skugga með lifandi forskoðun, innsetningu og annað lag - afrita kóðann.
100% ókeypis
Engin skráning
Engin vatnsmerki
Skrár unnar í minni, aldrei geymdar
✨
Fara Pro fyrir bestu AI módel - mynd, myndband og spjall - auk stærri hleðslu, forgang í biðröð og engin bíða.
Uppfærsla í Pro
Ást best.free? Deila því á Facebook
Hvernig það virkar
- Færa rennibrautir. Stilla offset, óskýrt, dreifa, lit og ógagnsæi; skipta innsetningu ef þú vilt innri skugga.
- Horfa á forskoðunina. The lifandi kassi uppfærir eins og þú dregur; bæta við öðru lagi í Advanced valkosti fyrir dýpt.
- Afrita CSS. Hit Copy CSS og líma kassa-skugga reglu beint í stílblaðinu þínu.
Um þetta tól
Hönnun kassar skugga án þess að giska á pixel gildi. Dragðu offset-X, offset-Y, óskýrt og dreifa rennibrautir, velja skugga lit og hringja í ógagnsæi þess, og horfa á lifandi forskoðun kassi uppfæra í rauntíma - þá afrita nákvæmlega kassar skugga CSS. Snúa innsetningu skipta fyrir innri skugga. Ítarlegri valkostir stafla annað skugga lag, svo þú getur byggt mjúka, multi-lag skugga notaður á nútíma kort og hnappa. Allt keyrir í vafranum þínum.
Hvað fólk notar það fyrir
- Bæta við mjúkum dropaskuggum á spil og tákn
- Búa til innri (innsetningar) skugga fyrir inntak og brunna
- Staflaðu tveimur lögum fyrir raunhæfan, dreifðan skugga
- Stilla offset og óskýrt til að passa við hönnunarmódel
Algengar spurningar
Færa-X / Y færa skuggann lárétt og lóðrétt, óskýrt mýkir brún þess og dreifist vex eða minnkar allan skuggann áður en óskýrt er beitt.Lifandi forskoðun sýnir hverja breytingu þegar í stað.
Inset dregur skuggann inn í hlutinn í stað þess að vera á bak við hann, sem gefur útlit sem er ýtt inn í hlutinn — gagnlegt fyrir innslátt og rofa.
Veldu lit og notaðu síðan ógagnsæis-rennibrautina; tólið gefur út rgba() gildi svo skugginn blandist náttúrulega.
Opnaðu Ítarlegri valkosti til að virkja annað skuggalag með eigin offset, óskýrum, lit og innsetningu.
Nei, rafallinn keyrir eingöngu í vafranum þínum; rennibrautin reiknar bara CSS streng á staðnum.
Alveg ókeypis, engin reikningur og engin takmörk - viðskiptavinahlið tólið með ekkert að mæla.
Já, það keyrir í vafranum þínum, þannig að CSS Box Shadow Generator virkar á síma og töflur sem og skrifborð - það er engin app til að setja upp.
Venjulega bara nokkrar sekúndur fyrir dæmigerða skrá - CSS Box Shadow Generator byrjar að vinna þegar þú gefur það inntak þitt.
Frjálslegur notkun er ótakmarkaður, undir örlátur sanngjarn notkun hettu sem heldur það hratt fyrir alla.
Allir nútíma vafrar - Chrome, Safari, Firefox og Edge.CSS Box Shadow Generator þarf ekkert uppsett fyrir utan vafrann sem þú notar nú þegar.