Najbolji slobodni Generator sjena
Vizualno gradi CSS box-shadow sa live preview, inset i drugim slojem - kopirajte kod.
100% besplatno
Nema prijave
Nema vodenog žiga
✨
Go Pro za najbolje AI modele - slike, video i chat - plus veće uploade, prioritet u redu i bez čekanja.
Nadogradi na Pro
Ljubav Best.Free? Podijelite ga.
Kako to funkcioniše
- Pomjeri klizače. Postavite pomak, zamućenje, širenje, boju i neprozirnost; uključite/isključite umetke ako želite unutrašnju sjenu.
- Pogledajte pretpregled. Živa kutija se ažurira dok povlačite; dodajte drugi sloj u Naprednim opcijama za dubinu.
- Kopiraj CSS. Kliknite Kopiraj CSS i zalijepite pravilo sjene okvira direktno u vašu stilsku tablicu.
O ovom alatu
Dizajnirajte sjenu kutije bez nagađanja vrijednosti piksela. Povucite klizače za X-pomak, Y-pomak, zamućenje i širenje, odaberite boju sjene i podesite njenu neprozirnost, i gledajte kako se okvir za pregled ažurira u stvarnom vremenu - zatim kopirajte tačan CSS sjene kutije. Preklopite prekidač za unutrašnju sjenu. Napredne opcije stapaju drugi sloj sjene, tako da možete graditi meke, višeslojne sjene koje se koriste na modernim karticama i dugmadovima. Sve se pokreće u vašem pregledniku.
Za šta ga ljudi koriste?
- Dodaj mekanu sjenu kartama i modalima
- Napravi unutrašnju sjenu za ulazne i izlazne podatke
- Složi dva sloja za realističnu, difuznu sjenu
- Podesi pomak i zamućenje da odgovaraju modelu dizajna
Često postavljana pitanja
X/Y pomak pomiče sjenu vodoravno i okomito, zamućenje omekšava rubove, a širenje povećava ili smanjuje cijelu sjenu prije nego što se zamućenje primijeni. Pregled uživo pokazuje svaku promjenu odmah.
Umetni crta sjenu unutar elementa umjesto iza njega, dajući pritisnuti izgled - koristan za ulaz i prebacivanje. Okrenite umetnutu promjenu za prebacivanje.
Odaberite boju, zatim koristite klizač za neprozirnost; alat izlazi s rgba() vrijednošću tako da se sjena prirodno miješa.
Otvori napredne opcije da bi se omogućio drugi sloj sjene sa svojim vlastitim pomjeranjem, zamućenjem, bojom i umetkom.
Ne. Generator radi u potpunosti u vašem pregledniku; klizači samo računaju CSS niz lokalno.
Nema nikakvih ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja.
Da. Radi u vašem pregledniku, tako da CSS Box Shadow Generator radi na telefonima i tabletima kao i na desktopu - nema aplikacije za instaliranje.
Obično samo nekoliko sekundi za tipičnu datoteku - CSS Box Shadow Generator počinje raditi u trenutku kada mu date svoj ulaz.
Povremena upotreba je neograničena, pod velikodušnim ograničenjem poštene upotrebe koje je brzo za sve.
Svi moderni preglednici - Chrome, Safari, Firefox i Edge. CSS Box Shadow Generator ne treba ništa instalirati osim preglednika koji već koristite.