Card Shadow CSS — smalks kastes ēnas kods
Veidojiet CSS lodziņa ēnu kodu vizuāli: slīdņi nobīdei, aizmiglošanai, izkliedēšanai, krāsai ar necaurredzamību, ielaiduma režīmu un līdz četriem slāņiem ar reāllaika priekšskatījumu.
Rezultāts
Šajā lapā tiek atvērts kastes ēnu ģenerators, kas sākotnēji iestatīts uz klasisko kāršu ēnu: 2 pikseļi uz leju, 8 pikseļu izplūšana, 15% melna necaurredzamība. Tas ir apzināti kluss — pietiekami, lai atdalītu kartīti no lapas, par sevi nepaziņojot, un priekšskatījums precīzi parāda, cik kluss.
Šis diapazons atbilst zemākajiem pacēluma pakāpieniem lielākajā daļā dizaina sistēmu: sarakstu kartītes, nolaižamās izvēlnes, uznirstošie logi un tabulas rindas, novietojot kursoru. Ja modāliem vai peldošiem paneļiem ir nepieciešams spēcīgāks pacēlums, palieliniet Y nobīdi un izpludiniet kopā — tiem vajadzētu augt proporcionāli, lai gaismas avots būtu ticams.
Kopējiet lodziņa ēnu līniju savos komponentu stilos vai dublējiet to kā otro slāni ar stingrāku izplūšanu, lai pievienotu malu definīciju. Rīks ir bezmaksas un pilnībā darbojas jūsu pārlūkprogrammā.