Bilaash CSS Box Shadow Generator
Visually dhiso CSS box-hoos la hordhaca nool, inset iyo darajo labaad - nuqul ka code.
100% bilaash ah
Laguma diiwaangelin
Ma jiro calaamado biyo ah
✨
Go Pro ee ugu fiican AI qaababka - sawir, video iyo chat - iyo sidoo kale upload weyn, hormuudka in line iyo aan la sugin.
Kordhinta Pro
Jecel Best.Free? La wadaago
Sida ay u shaqeyso
- Jiidi xadhigga. Dejinta offset, qarsoon, faafin, midab iyo indho la'aan; toggle inset haddii aad rabto hooska gudaha.
- Ka eeg hordhaca. The box nool updates sida aad riixdo; ku dar darajo labaad in Advanced doorashooyinka u qoto dheer.
- Nuqulka CSS. Hit Copy CSS iyo ku dheji bogga-hoos-qaadashada sharci si toos ah u stylesheet aad.
Qalabkaas
Dhis box-hoos aan la saadaalin qiimaha pixel. Riix offset-X, offset-Y, qarsoon iyo faafin sliders, dooro midab hoos iyo dial in ay dabacsanaanta, iyo daawo box soo bandhigid nool cusbooneysiin in waqti dhab ah - markaas nuqul ka saxda ah box-hoos CSS. Flip inset toggle for a inner shadow. The Advanced doorashooyinka stack a second shadow layer, si aad u dhisi kartaa soft, multi-layer hoosyada loo isticmaalo on modern cards iyo badhamada. Wax kasta oo ku socda browser aad.
Maxaa dadka isticmaalaan
- Ku dar hoos yar oo jilicsan oo ku jira kaarka iyo modals
- abuuro mid gudaha ah (inset) hooska in la galo iyo biyo
- Ku dheji laba darajo si aad u hesho hoos dhab ah oo kala firdhisan
- Isku dheji offset iyo qarin si ay u meeleeyaan naqshad mockup
Su'aalaha badanaa la isweydiiyo
Offset-X / Y dhaqaajiso hooska si siman oo xagal ah, qarsoonaanta ka yaraysaa xagga, iyo faafin kor u qaado ama hooska oo dhan hooska ka hor intaan qarsoonaanta la isticmaalin.
Inset soo bandhigaa hooska gudaha qaybta ka dibna ka dib, siinaysaa muuqaalka ku dhuftay-in - faa'iido u ah injiisyada iyo toggles. Flip inset toggle in ay ku dhaqaaqaan.
Dooro midab, ka dibna isticmaal xarigga daboolka; qalabkan wuxuu soo saari doonaa qiime rgba () si hooska uu u isku dheelitiro si dabiici ah.
Haa. Fur doorashooyinka Advanced si aad u awoodaan mid ka mid ah darajo hooska labaad la offset, blur, midab iyo inset.
No. Generator ku socda oo dhan browser aad; sliders kaliya xisaabtaan CSS string gudaha.
Si buuxda u bilaash ah, xisaab la'aan iyo xaddidaad la'aan - qalab dhinac macaamiisha ah oo aan waxba la miisaamin.
Haa. Waxay ku socdaan browser aad, sidaas darteed CSS Box Shadow Generator shaqeeyaan telefoonada iyo kiniiniyada iyo desktop - ma jiro app in la rakibo.
Badanaa kaliya dhowr ilbiriqsi oo ah file caadi ah - CSS Box Shadow Generator bilaabay inuu shaqeeyo waqtigii aad siiso aad soo gasho.
Casual isticmaalka waa aan xaddidnayn, hoos u qaan-u-isticmaalka qaan-u-isticmaalka oo ka dhigaysa si deg deg ah oo qof walba.
Dhammaan browsers cusub - Chrome, Safari, Firefox iyo Edge. CSS Box Shadow Generator u baahan yahay waxba ma ku rakiban ka baxsan browser aad hadda isticmaali.