L-aħjar Ħieles Ġeneratur tad-Dellijiet tal-Kaxxa CSS
Viżwalment jibnu CSS kaxxa-dell ma preview ħajjin, inser u t-tieni saff - kopja tal-kodiċi.
100% ħieles
Ebda reġistrazzjoni meħtieġa
L-ebda marka tal-ilma
✨
Mur Pro għall-aħjar mudelli AI - immaġni, vidjo u chat - plus upload akbar, prijorità fil-kju u l-ebda stennija.
Aġġornament għal Pro
Imħabba Best.Free? Aqsamha ma' ħaddieħor
Kif jaħdem
- Mexxi l-sliders. Issettja offset, blur, tixrid, kulur u opaċità; toggle inset jekk inti tixtieq dell ġewwa.
- Ara l-preview. Il-kaxxa ħajjin aġġornamenti kif inti drag; Żid it-tieni saff fl-għażliet Avvanzati għall-fond.
- Ikkopja l-CSS. Hit Kopja CSS u paste-kaxxa-dell regola dritta fil-stylesheet tiegħek.
Dwar din l-għodda
Iddisinja dell tal-kaxxa mingħajr ma tkun trid taħseb dwar il-valuri tal-pixels. Iġbed is-sliders offset-X, offset-Y, blur u spread, agħżel kulur tad-dell u agħżel l-opaċità tiegħu, u ara aġġornament tal-kaxxa ta' preview live f'ħin reali - imbagħad ikkopja l-CSS eżatt tad-dell tal-kaxxa. Aqleb it-toggle tal-inset għal dell ta' ġewwa. L-għażliet Avvanzati jqiegħdu saff tad-dell ieħor, sabiex tkun tista' tibni d-dellijiet artab, b'ħafna saffi użati fuq karti u buttuni moderni. Kollox jaħdem fil-browser tiegħek.
X'inhuma l-persuni jużawh għall
- Żid dellija artab tal-waqgħa għall-karti u l-modalitajiet
- Oħloq dell intern (inset) għall-inputs u l-birijiet
- Munzell żewġ saffi għal realistiku, dellija diffuża
- Tune offset u blur biex jaqblu ma' mockup tad-disinn
Mistoqsijiet li jsiru ta' spiss
Offset-X/Y jimxu l-dell orizzontalment u vertikalment, blur softens tarf tagħha, u l-firxa tikber jew tiċkien id-dell kollu qabel l-blur huwa applikat.Il-preview ħajjin turi kull bidla istantanjament.
Inset jiġbed id-dell ġewwa l-element minflok wara dan, li tagħti ħarsa pressed-in - utli għall-inputs u toggles.Flip l-inset toggle biex swiċċ.
Agħżel kulur, imbagħad uża l-islajder tal-opaċità; l-għodda toħroġ valur rgba() sabiex id-dell jitħallat b'mod naturali.
Iftaħ l-għażliet Avvanzati biex jippermettu saff dell tieni mal offset tagħha stess, blur, kulur u inset.
Le. Il-ġeneratur jaħdem kompletament fil-browser tiegħek; is-sliders biss jikkalkulaw string CSS lokalment.
Kompletament b'xejn, l-ebda kont u l-ebda limiti - għodda klijent-ġenb ma xejn biex jitkejjel.
Huwa jimxi fil-browser tiegħek, hekk CSS Kaxxa Shadow Ġeneratur xogħlijiet fuq it-telefowns u pilloli kif ukoll desktop - m'hemm l-ebda app biex tinstalla.
Normalment biss ftit sekondi għal fajl tipiku - CSS Kaxxa Shadow Ġeneratur jibda jaħdem il-mument inti tagħti dan input tiegħek.
L-użu każwali huwa bla limitu, taħt limitu ġeneruż ta' użu ġust li jżommha veloċi għal kulħadd.
Browsers moderni kollha - Chrome, Safari, Firefox u Edge.CSS Kaxxa Shadow Ġeneratur jeħtieġ xejn installat lil hinn mill-browser inti diġà tuża.