Soft CSS Box Shadow — že pripravljena koda
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
Na tej strani se odpre generator okvirnih senc, ki ima prednaloženo mehko senco: brez vodoravnega odmika, 8 slikovnih pik navzdol, izdatna zamegljenost 24 slikovnih pik in nizka 12-odstotna črna motnost. Kartica za predogled jo takoj upodobi - potisnite kateri koli drsnik in vrstica CSS sledi v realnem času.
Mehke sence so delovni konj sodobnih vmesnikov. Velika zameglitev v kombinaciji z nizko motnostjo dvigne kartico s strani, ne da bi narisala trde obrise, zato večina sistemov oblikovanja ohranja svoje višinske sence točno v tem obsegu namesto gostih, temnih senc zgodnjega ravnega oblikovanja.
Kopirajte okvirno senčno črto naravnost v vašo datoteko slogov ali zložite do tri dodatne plasti za bogatejšo višino. Generator deluje v celoti v vašem brskalniku - nikjer se nič ne naloži.