Generator sjene CSS okvira

Deklaracija box-shadow ima šest pokretnih dijelova — pomak X i Y, zamućenje, širenje, boju i neobaveznu umetnutu ključnu riječ — a jedini način da ih ispravite je da ih vidite. Ovaj generator postavlja svaki dio na klizač i prikazuje rezultat na kartici pregleda dok povlačite, tako da je CSS redak na dnu uvijek točno ono što gledate.

Sjene u stvarnom svijetu rijetko su jednoslojne. Popis slojeva omogućuje vam slaganje do četiri sjene u jednoj deklaraciji: uska tamna linija za definiciju rubova plus široka mekana boja za uzdizanje ili par svijetlo-tamno koji definira neumorfizam. Odaberite sloj da biste ga uredili, uklonite one koji vam ne trebaju i kombinirana vrijednost sjene okvira ažurira se uživo.

Sjene se čitaju vrlo različito na tamnim sučeljima, gdje crna sjena na gotovo crnoj stranici jednostavno nestaje. Prekidač za pregled pozadine mijenja svijetlu i tamnu pozadinu tako da možete provjeriti obje teme prije slanja. Unaprijed postavljene stranice pokrivaju varijante koje ljudi zapravo traže: meku sjenku nadmorske visine, umetnuti bunar, recept za dvoslojni neumorfizam i suptilnu sjenku karte.

Kao i svaki alat na ovoj stranici, generator je besplatan i radi u potpunosti u vašem pregledniku: nema prijenosa, nema računa, i nastavlja raditi izvan mreže nakon što se stranica učita.