Card Shadow CSS — Prefinjena koda box-shadow
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
Ta stran odpre prednastavitev generatorja okvirne sence na klasično senco kartice: 2 slikovnih pik navzdol, zamegljenost 8 slikovnih pik, 15-odstotna motnost črne barve. Namenoma je tih – dovolj, da loči kartico od strani, ne da bi se oglasil – in predogled natančno pokaže, kako tih.
Ta razpon ustreza najnižjim višinskim korakom v večini sistemov načrtovanja: kartice s seznami, spustni meniji, pojavni elementi in vrstice tabele ob lebdenju. Če potrebujete močnejši dvig za modalne ali lebdeče plošče, povečajte odmik Y in zameglite skupaj – rasti morajo sorazmerno, da bo vir svetlobe verjeten.
Kopirajte okvirno senčno črto v svoje sloge komponent ali jo podvojite kot drugo plast z močnejšo zameglitvijo, da dodate definicijo robov. Orodje je brezplačno in se v celoti izvaja v vašem brskalniku.