Card Shadow CSS – subtilus langelio šešėlio kodas
Sukurkite CSS laukelio šešėlio kodą vizualiai: slankikliai, skirti poslinkiui, suliejimui, sklaidai, spalvai su neskaidrumu, įterpimo režimu ir iki keturių sluoksnių su tiesiogine peržiūra.
Rezultatas
Šiame puslapyje atidaromas laukelio šešėlių generatorius, iš anksto nustatytas į klasikinį kortelių šešėlį: 2 piks. žemyn, 8 piks. suliejimas, 15 % juodo neskaidrumo. Jis yra sąmoningai tylus – pakankamai, kad būtų galima atskirti kortelę nuo puslapio, nepranešant apie save – ir peržiūra tiksliai parodo, koks tylus.
Šis diapazonas atitinka žemiausius pakilimo žingsnius daugumoje dizaino sistemų: sąrašų kortelės, išskleidžiamieji meniu, iššokantys langai ir lentelės eilutės užvedus pelės žymeklį. Jei jums reikia stipresnio modalų ar slankiųjų plokščių pakėlimo, padidinkite Y poslinkį ir suliekite kartu – jie turėtų augti proporcingai, kad šviesos šaltinis būtų patikimas.
Nukopijuokite langelio šešėlio liniją į savo komponentų stilius arba nukopijuokite ją kaip antrą sluoksnį su griežtesniu suliejimu, kad pridėtumėte krašto apibrėžimą. Įrankis yra nemokamas ir veikia tik jūsų naršyklėje.