Soft CSS Box Shadow — Gotovi kod
Vizualno izradite CSS box-shadow kod: klizači za pomak, zamućenje, širenje, boju s neprozirnošću, način umetanja i do četiri sloja s pregledom uživo.
Rezultat
Ova stranica otvara generator sjena okvira s unaprijed učitanom mekom sjenom: bez vodoravnog pomaka, 8 px prema dolje, izdašno zamućenje od 24 px i niska neprozirnost crne od 12%. Kartica za pregled to odmah renderira — pomaknite bilo koji klizač i CSS linija slijedi u stvarnom vremenu.
Meke sjene radni su konj modernih sučelja. Veliko zamućenje u kombinaciji s niskom neprozirnošću podiže karticu sa stranice bez crtanja čvrstog obrisa, zbog čega većina sustava dizajna zadržava svoje sjene visine u točno ovom rasponu umjesto gustih, tamnih sjena ranog ravnog dizajna.
Kopirajte liniju sjene okvira ravno u svoju tablicu stilova ili složite još do tri sloja za bogatiju elevaciju. Generator u potpunosti radi u vašem pregledniku — ništa se nigdje ne učitava.