Best Free CSS Box Shadow Generator
Visually kugadzira CSS box-shadow nehupenyu kuongorora, inset uye rimwe rechitatu layer - kopa code.
100% yemahara
Hapana kumbopinda
Hapana watermark
✨
Go Pro yeakanakisa AI mamodheru - vhidhiyo, vhidhiyo uye kufona - pamwe nekuwedzera kwakanyanya, kurodha pasi, ku prioritera mubhokisi rezvinyorwa uye pasina kumirira.
Kuvandudza kuPro
Love Best.Free? Shandisa
Maitiro ekushanda
- Kufambisa zvishongedzo. Igadzirisa offset, blur, spread, color uye opacity; toggle inset kana uchida kuratidza muviri wechiedza.
- Ona kuratidzwa. The live box updates as you drag; wedzera imwe yechitatu layer mu Advanced options for depth.
- Kopa CSS. Hit Copy CSS uye pedza box-shadow chirevo straight into your stylesheet.
Nezve iyi chirongwa
Dhizaini shadow-box pasina kumbofunga nezve pixel values. Dzvanya offset-X, offset-Y, blur uye spread sliders, sarudza shadow color uye dial in its opacity, uye ona live preview box update in real time - then copy the exact box-shadow CSS. Flip the inset toggle for a inner shadow. The Advanced options stack a second shadow layer, so you can build the soft, multi-layer shadows used on modern cards and buttons. Everything runs in your browser.
Chii vanhu vanoshandisa kuti
- Kuwedzera chiedza chekudonha kune ma card uye modals
- Create a inner (inset) shadow for inputs and wells
- Stack two layers for a realistic, diffused shadow
- Kugadzirisa offset uye blur kuti zvienderane ne mockup yechigadzirwa
Zvimwe zvinobvunzwa zvakanyanya
Offset-X/Y inofambisa chiedza zvakatsvuka uye zvakatsvuka, kusvibiswa kunoka kumashure, uye kupararira kunokura kana kusvibisa chiedza chese mushure mekushandiswa kwekusvibiswa. Kuongorora kwakasununguka kunoratidza chero shanduko panguva imwe chete.
Inset inotora chiedza mukati mechigadzirwa sezviri mukati pechigadzirwa, kwete pamberi pake, ichipa kutarisa kwekumanikidzwa - kunobatsira kune zvinyorwa uye toggles. Flip the inset toggle to switch.
Choose a color, then use the opacity slider; the tool outputs a rgba() value so the shadow blends naturally.
Iwe unovhura Advanced options kuti ugone kuisa ma layer ekupedzisira e shadow ane ma offset, blur, color, uye inset ayo.
Hapana. The generator inofamba zvakananga mubrowser yako; sliders chete kuongorora CSS string locally.
Zvakanaka, hapana akaunti uye hapana miganhu - chirongwa chekubatanidza chine chinhu chekuongorora.
Yakanaka.
Zviri nyore chete maminetsi mashoma kune imwe file - CSS Box Shadow Generator inotanga kushanda panguva yauri kuisa yako input.
Casual kushandiswa hachina muganho, pasi pekugara-fair-use cap kuti ichengete yakakwirira kwavari vese.
All modern browsers - Chrome, Safari, Firefox and Edge.CSS Box Shadow Generator inofanira chinhu chakaiswa kunze browser iwe wakamboshandisa.