CSS Box Shadow Generatorius
Kurkite CSS box-shadow kodą vizualiai: slankikliai poslinkiui, suliejimui, išplitimui, spalvai su permatomumu, įterpimo režimas ir iki keturių sluoksnių su tiesiogine peržiūra.
🔒 Visiškai apdorojama jūsų naršyklėje – niekas, kurį čia įvedėte, niekada neįkeliama.
Rezultatas
Box-shadow deklaracija turi šešias judančias dalis – X ir Y poslinkį, suliejimą, išplitimą, spalvą ir pasirenkamą įterpimo raktažodį – ir vienintelis būdas jas teisingai nustatyti yra jas matyti. Šis generatorius kiekvieną dalį pateikia ant slankiklio ir rodo rezultatą peržiūros kortelėje jums tempiant, todėl CSS eilutė apačioje visada tiksliai atitinka tai, ką matote.
Realūs šešėliai retai būna vieno sluoksnio. Sluoksnių sąrašas leidžia sudėti iki keturių šešėlių vienoje deklaracijoje: ankštą tamsią liniją kraštų apibrėžtumui ir platų minkštą plovimą pakilimui arba šviesos ir tamsos porą, apibrėžiančią neumorphism stilių. Pasirinkite sluoksnį, kad jį redaguotumėte, pašalinkite nereikalingus, o kombinuota box-shadow reikšmė atsinaujina tiesiogiai.
Šešėliai labai skirtingai atrodo tamsiose sąsajose, kur juodas šešėlis beveik juodame puslapyje tiesiog išnyksta. Peržiūros fono perjungimas keičia foną tarp šviesaus ir tamsaus, todėl galite patikrinti abi temas prieš pateikiant. Išankstinių nustatymų puslapiai apima variantus, kurių žmonės iš tikrųjų ieško: minkštą pakilimo šešėlį, įterptą įdubimą, dviejų sluoksnių neumorphism receptą ir subtilų kortelės šešėlį.
Kaip ir kiekvienas šios svetainės įrankis, generatorius yra nemokamas ir veikia tik jūsų naršyklėje: jokio įkėlimo, jokios paskyros ir toliau veikia neprisijungus, kai puslapis įkeltas.