Card Shadow CSS — Finom box-shadow kód
Készítsen CSS-doboz-árnyékkódot vizuálisan: csúszkák az eltoláshoz, elmosódáshoz, szóráshoz, színezéshez, átlátszósághoz, beillesztési módhoz és akár négy réteghez élő előnézettel.
Eredmény
Ez az oldal megnyitja a doboz-árnyékgenerátort, amely egy klasszikus kártyaárnyékra van beállítva: 2 képpont lefelé, 8 képpont elmosódás, 15% fekete átlátszatlanság. Szándékosan halk – elég ahhoz, hogy egy kártyát az oldaltól különítsen el anélkül, hogy bejelentené magát –, és az előnézet pontosan mutatja, milyen csendes.
Ez a tartomány a legtöbb tervezési rendszerben a legalacsonyabb magassági lépéseknek felel meg: listakártyák, legördülő menük, felugró ablakok és táblázatsorok a lebegéssel. Ha erősebb emelésre van szüksége a modális vagy lebegő panelekhez, emelje meg az Y-eltolást és homályosítsa el őket – arányosan növekedniük kell, hogy a fényforrás megbízható legyen.
Másolja a doboz-árnyék vonalat az összetevőstílusokba, vagy másolja meg második rétegként szorosabb elmosódással az élek meghatározásához. Az eszköz ingyenes, és teljes egészében a böngészőjében fut.