Generator senc polja CSS
Vizualno sestavite kodo okvirjev CSS: drsniki za odmik, zamegljenost, širjenje, barvo z motnostjo, način vstavljanja in do štiri plasti s predogledom v živo.
Rezultat
Deklaracija box-shadow ima šest premikajočih se delov - odmik X in Y, zamegljenost, širjenje, barva in izbirna ključna beseda vstavljena - in edini način, da jih dobite pravilno, je, da jih vidite. Ta generator postavi vsak del na drsnik in med vlečenjem upodobi rezultat na kartico za predogled, tako da je vrstica CSS na dnu vedno točno to, kar gledate.
Sence v resničnem svetu so redko enoplastne. Seznam slojev vam omogoča, da zložite do štiri sence v eno deklaracijo: ozko temno črto za definicijo robov in široko mehko pranje za dviganje ali par svetlo-temno, ki definira nevmorfizem. Izberite plast, ki jo želite urediti, odstranite tiste, ki jih ne potrebujete, in kombinirana vrednost box-shadow se posodobi v živo.
Sence se zelo različno berejo na temnih vmesnikih, kjer črna senca na skoraj črni strani preprosto izgine. Preklop ozadja za predogled preklopi ozadje med svetlim in temnim, tako da lahko pred pošiljanjem preverite obe temi. Prednastavljene strani pokrivajo različice, ki jih ljudje dejansko iščejo: mehka višinska senca, vstavljeni vodnjak, dvoslojni recept za nevmorfizem in subtilna senca kartice.
Kot vsako orodje na tem spletnem mestu je tudi generator brezplačen in deluje v celoti v vašem brskalniku: brez nalaganja, brez računa in deluje brez povezave, ko se stran naloži.