Free Gjeneratori i hijeve të kutive CSS
Ndërto vizualisht hijen e kutisë CSS me parashikim të drejtpërdrejtë, insertim dhe një shtresë të dytë - kopjo kodin.
100% e lirë
Pa regjistrim
Pa shenjë uji
✨
Shko Pro për modelet më të mira të AI - imazhe, video dhe chat - plus ngarkime më të mëdha, përparësi në radhë dhe pa pritje.
Përmirëso tek Pro
Dashuri. Best.Free? Shpërndaje.
Si funksionon
- Lëviz rrëshqitësin. Përcakto devijimin, zbutjen, shpërndarjen, ngjyrën dhe opacitetin; ndërroje në inline nëse dëshiron një hije të brendshme.
- Shiko parashikimin. Kutia e gjallë përditëson ndërsa tërhiqeni; shtoni një shtresë të dytë në opsionet e avancuara për thellësi.
- Kopjo CSS. Shtyp Kopimi CSS dhe ngjite rregullin e hijes së kutisë drejtpërdrejt në stilin tuaj.
Informacione mbi këtë instrument
Dizajno një hije kutije pa gjetur vlerat e pixel. Tërhiq sliderët offset-X, offset-Y, blur dhe spread, zgjedh një ngjyrë hije dhe rregullo opacitetin e saj, dhe shiko një parashikim të përditësuar në kohë reale - pastaj kopjo CSS e saktë të hijes kutije. Kthe ndërresën e insertimit për një hije të brendshme. Mundësitë e avancuara grumbullojnë një shtresë të dytë hije, kështu që mund të ndërtosh hijet e buta, shumë-nivelesh të përdorura në kartelat dhe butonat modernë. Gjithçka funksionon në browser-in tënd.
Për çfarë përdorin njerëzit atë?
- Shto një hije të butë letrave dhe modaleve
- Krijo një hije të brendshme (insert) për inputs dhe wells
- Ngjite dy shtresa për një hije të përhapur realiste
- Rregullo devijimin dhe zbutjen për të përshtatur një model të dizajnit
Pyetja e shpeshtë
Shkëmbimi X/Y lëviz hijen horizontalisht dhe vertikalisht, zbutja e zbutur skajet e saj dhe zgjerimi rritë apo zvogëlon të gjithë hijen para se të aplikohet zbutja. Parashikimi i drejtpërdrejtë tregon çdo ndryshim menjëherë.
Insert vizaton hijen brenda elementit në vend të atë pas tij, duke dhënë një pamje të shtypur - të dobishme për input dhe switches. Ktheje switchin e insertimit për të ndërruar.
Zgjidh një ngjyrë, pastaj përdor sliderin e opacitetit; instrumenti nxjerr një vlerë rgba () që hija të përzihet natyrshëm.
Po. Hap opsionet e avancuara për të aktivizuar një nivel të dytë hije me devijimin, zbutjen, ngjyrën dhe insertimin e vet.
Jo. Gjeneratori funksionon krejtësisht në shfletuesin tuaj; rrëshqitësit vetëm llogarisin një stringë CSS lokalisht.
Krejt pa pagesë, pa llogari dhe pa kufij - një mjet në anën e klientit pa asgjë për të matur.
Po. Ekzekutohet në shfletuesin tuaj, kështu që CSS Box Shadow Generator punon në telefonat dhe tabletat si dhe në desktop - nuk ka aplikim për t'u instaluar.
Zakonisht vetëm disa sekonda për një file tipike - CSS Box Shadow Generator fillon të punojë në momentin që ju i jepni input.
Përdorimi i rastit është i pakufizuar, nën një kapë të bujarishme të përdorimit të drejtë që e mban atë të shpejtë për të gjithë.
Të gjithë shfletuesit modernë - Chrome, Safari, Firefox dhe Edge. CSS Box Shadow Generator nuk ka nevojë për asgjë përveç shfletuesit që përdor.