CSS generator box-shadow

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

Sjene u stvarnom svijetu rijetko su jedan sloj. Popis slojeva omogućuje vam slaganje do četiri sjene u jednoj deklaraciji: uska tamna linija za definiciju ruba plus široko mekano pranje za uzdizanje ili svijetlo-tamni par koji definira neumorfizam. Odaberite sloj za uređivanje, uklonite one koji vam ne trebaju, a kombinirana vrijednost box-shadow ažurira se uživo.

Sjene izgledaju vrlo različito na tamnim sučeljima, gdje crna sjena na gotovo crnoj stranici jednostavno nestaje. Prekidač pozadine pregleda prebacuje pozadinu između svijetle i tamne tako da možete provjeriti obje teme prije objave. Stranice s unaprijed postavljenim vrijednostima pokrivaju varijante koje ljudi zapravo traže: meku sjenu uzdizanja, inset udubljenje, recept za dvoslojni neumorfizam i suptilnu sjenu kartice.

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