CSS dėžutės šešėlių generatorius

Dėžutės šešėlių deklaraciją sudaro šešios judančios dalys – X ir Y poslinkis, suliejimas, sklaida, spalva ir pasirenkamas įterpiamasis raktinis žodis – ir vienintelis būdas jas teisingai nustatyti – jas pamatyti. Šis generatorius perkelia kiekvieną dalį ant slankiklio ir pateikia rezultatą peržiūros kortelėje, kai vilnate, todėl apačioje esanti CSS eilutė visada yra būtent tai, į ką žiūrite.

Realaus pasaulio šešėliai retai būna vieno sluoksnio. Sluoksnių sąrašas leidžia vienoje deklaracijoje sukrauti iki keturių šešėlių: griežta tamsi linija krašto apibrėžimui ir platus minkštas plovimas aukštybei arba šviesios ir tamsos pora, apibrėžianti neumorfizmą. Pasirinkite sluoksnį, kurį norite redaguoti, pašalinkite tuos, kurių jums nereikia, ir kombinuota laukelio šešėlio reikšmė bus atnaujinta tiesiogiai.

Tamsiose sąsajose šešėliai skaitomi labai skirtingai, kai juodas šešėlis beveik juodame puslapyje tiesiog išnyksta. Peržiūros fono perjungiklis perjungia foną į šviesų ir tamsų, kad galėtumėte patikrinti abi temas prieš pristatydami. Iš anksto nustatyti puslapiai apima variantus, kurių žmonės iš tikrųjų ieško: švelnų aukščio šešėlį, įterptą šulinį, dviejų sluoksnių neumorfizmo receptą ir subtilų kortos šešėlį.

Kaip ir kiekvienas šios svetainės įrankis, generatorius yra nemokamas ir veikia tik jūsų naršyklėje: neįkeliama, nėra paskyros ir, įkėlus puslapį, jis veikia neprisijungus.