Best Free CSS Box Shadow Generator
Visually kupanga CSS box-shadow ndi kuyankhulana, inset ndi gawo lachiwiri - kope la code.
100% ufulu
Simungalembetse
Sichikhala ndi watermark
✨
Go Pro kwa zabwino kwambiri AI mafano - chithunzi, kanema ndi kucheza - kuphatikizapo zowonjezera zowonjezera, cholinga m'gulu ndi palibe kuyembekezera.
Kusintha kwa Pro
Ubwenzi Best.Free? Share it
Momwe zimagwira ntchito
- Sungani ma sliders. Ikani kuwala ndi kuwala; yambitsani kuwala ngati mukufuna kuwala kwamkati.
- Onani chithunzithunzi. Kusintha kwa bokosi lamoyo monga momwe mumayendetsa; kuwonjezera gawo lachiwiri muzosankha za Advanced za kuwala.
- Kopa CSS. Hit Kokani CSS ndi kuika katundu-mthunzi malamulo mosalekeza mu stylesheet wanu.
Zachidule
Design a box-shadow without guessing pixel values. Drag the offset-X, offset-Y, blur and spread sliders, pick a shadow color and dial in its opacity, and watch a live preview box update in real time - then copy the exact box-shadow CSS. Flip the inset toggle for an 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.
Ziti anthu agwiritsa ntchito kwa
- Kuwonjezera chithunzi chofiira pamakalata ndi ma modi
- Kulenga mkati (inset) chithunzi kwa ma inputs ndi wells
- Kuphatikiza ma layer awiri kuti mupange chithunzi chowoneka bwino
- Sinthani offset ndi blur kuti zigwirizane ndi mockup yachikhalidwe
Mafunso ofunsidwa nthawi zambiri
Offset-X/Y imasintha nkhope ya nkhope mozungulira ndi mozungulira, kuwala kumadula nkhope yake, ndipo kuwala kumakula kapena kuchepetsa nkhope yonseyo pambuyo pogwiritsa ntchito kuwala. Kuwonetsa kwamoyo kumasonyeza kusintha kulikonse mofulumira.
Inset imamanga chithunzicho m'malo mwake m'mbali mwake, kusonyeza kuti chimawonekera mwamphamvu - chothandiza kwa ma inputs ndi toggles. Flip the inset toggle to switch.
Sankhani mtundu, kenako dinani slider ya opacity; chidacho chimatulutsa mfundo ya rgba() kuti nkhope ikhale yosaoneka bwino.
Yani. Sungani zosankha za Advanced kuti mupange layer yachiwiri ya shadow ndi offset yake, blur, colour ndi inset.
Sichoncho. Generator amayenda mokwanira mu browser yanu; sliders basi kuwerengetsa CSS string m'deralo.
Choyamba, palibe akaunti ndi zoletsa - chida cha client-side chomwe sichingakhale ndi chilichonse chowerengera.
Yaikulu imagwira ntchito mu browser yanu, kotero CSS Box Shadow Generator imagwira ntchito pafoni ndi ma tablet komanso pa desktop - palibe pulogalamu yokhazikitsa.
Nthawi zambiri, nthawi ya mphindi zochepa za fayilo yachikhalidwe - CSS Box Shadow Generator imayamba ntchito nthawi yomweyo mumawapatsa ma input anu.
Kugwiritsa ntchito nthawi zonse sikunakhalepo malire, pansi pa chingwe choyenera chogwiritsa ntchito chomwe chimasunga mwachangu kwa aliyense.
CSS Box Shadow Generator ikhoza kusinthidwa ndi masamba onse amakono - Chrome, Safari, Firefox ndi Edge.CSS Box Shadow Generator sayenera kukhazikitsa chilichonse kudzera patsamba lomwe mwagwiritsa ntchito kale.