Najbolje besplatno Generator sjene CSS kutije
Vizualno izgraditi CSS kutija sjeni s uživo pregledom, postavljenim i drugim slojem – kopirati kod.
100% besplatno
Nema prijave
Nema vodenog žiga
Datoteke obrađene u memoriji, nikada pohranjene
✨
Go Pro za najbolje modele AI – sliku, video i čavrljanje – plus veća uploads, prioritet u redu i bez čekanja.
Nadogradnja na profesionalni
Ljubav best.free? Podijeli to
Kako to radi
- Pomakni klizače. Postavi odmaknuće, zamućeno, prošireno, boju i neprozirnost; uključi umetni unos ako želiš unutarnju sjenku.
- Gledajte pretpregled. Ažuriranje uživo okvira dok vučete; dodajte drugi sloj u Napredne opcije za dubinu.
- Kopiraj CSS. Hit Copy CSS i umetnite pravilo sjena kutije ravno u svoj stilski stil.
O ovom alatu
Dizajnirajte kutiju sjenicu bez nagađanja vrijednosti pixela. Povucite offset-X, offset-Y, zamućeni i širi klizači, izaberite boju sjene i birajte u svojoj neprozirnosti, i gledajte kako se u realnom vremenu ažurira u živom pregledu — zatim kopirajte točnu CSS sjenicu. Odvrnite ubacivanje prekidača za unutarnju sjenku. Napredne opcije stože drugi sloj sjene, tako da možete izgraditi meke, višeslojne sjene koje se koriste na modernim karticama i gumbima. Sve radi u vašem pregledniku.
Za što ga ljudi koriste?
- Dodaj meku sjena pada kartama i modalima
- Napravite unutarnju (ugrađenu) sjenku za ulazne i bunare
- Stack dva sloja za realistične, difuzne sjene
- Uređaj odstranjivanje i zamagljenje kako bi se usporedio s dizajnom mangupa
Česta pitanja
Odmaknite X/Y pomjeranje sjene horizontalno i vertikalno, zamagljeno omekšava rub, i širi se raste ili smanjuje cijelu sjene prije primjene zamagljenosti. Prethodni prikaz uživo prikazuje svaku promjenu odmah.
Postavljanje crta sjena unutar elementa umjesto iza njega, dajući pritisak-in izgled — korisno za ulazne i prekida. Odvratite inset prekidač za prebacivanje.
Izaberite boju, zatim koristite klizač za neprozirnost; alat izlazi iz vrijednosti rgba() tako da se sjena smjese prirodno.
Da. Otvorite napredne opcije za omogućiti drugi sjenčni sloj sa svojim kompenzacijskim, zamagljenim, bojama i uvodnim unosom.
Ne. generator radi u cijelosti u vašem pregledniku; klizači samo izračunati CSS string lokalno.
Potpuno besplatno, bez računa i bez ograničenja — alat s strane klijenta bez ičega za mjerenje.
Da. Radi u vašem pregledniku, tako da CSS Box Shadow Generator radi na telefonima i tabletama, kao i na radnoj površini - nema aplikacije za instalaciju.
Obično samo nekoliko sekundi za tipičnu datoteku — CSS Box Shadow Generator počinje raditi u trenutku kada mu dati svoj ulaz.
Žrtva je neograničena, pod velikodušnom kapom za pošteno korištenje koja ga drži brzo za sve.
Svi moderni preglednici — Chrome, Safari, Firefox i Edge. CSS Box Shadow Generator ne treba ništa instalirano izvan preglednika već koristite.