Legjobb ingyenes CSS doboz Árnyék generátor
Vizuálisan építse CSS doboz árnyék élő előnézettel, inset és egy második réteg • másolja a kódot.
100% ingyenes
Nincs bejelentkezés.
Nincs vízjel.
✨
Go Pro a legjobb MI modellek - kép, videó és chat - plusz nagyobb feltöltések, prioritás a sorban, és nincs várakozás.
A Pro-ra történő fejlesztés
Szerelem Best.Free? Oszd meg!
Hogyan működik?
- Mozgasd a csúszdákat!. Eltolás, homályos, terjedés, szín és opacitás beállítása; a bekapcsoló gomb bekapcsolva, ha belső árnyékot szeretne.
- Nézd meg az előnézetet. Az élő doboz frissítéseket, ahogy húzza; adjunk hozzá egy második réteg Advanced opciók mélység.
- Másolás a CSS-ről. Nyomja meg a CSS másolását és illessze be a doboz árnyék szabályt egyenesen a stíluslapba.
Erről az eszközről
Tervezzen egy doboz árnyékolást a pixel értékek kitalálása nélkül. Húzza le az ofszet-X-et, az ofszet-Y-t, a homályos és a szétterülő csúszkákat, válasszon árnyékszínt és tárcsázza az opacitását, és nézze meg az élő előnézeti doboz frissítését valós időben • majd másolja le a pontos doboz árnyék CSS-t. Flip the inset toggle for ainside shadow. Advanced opciók egymásra raknak egy második árnyék réteget, így megépítheti a modern kártyákon és gombokon használt puha, többrétegű árnyékokat. Minden a böngészőjében fut.
Mire használják az emberek?
- A kártyához és a modálhoz egy puha csepp árnyék hozzáadása
- Belső (beépített) árnyék létrehozása bemenetek és kutak számára
- Két réteget rakjunk egy realisztikus, diffúz árnyékhoz.
- Hangolás eltolás és homályos, hogy megfeleljen a tervezési modell
Gyakran feltett kérdések
Az Offset-X/Y vízszintesen és függőlegesen mozgatja az árnyékot, elmosódik, lágyítja szélét, és a széle elmosódik, és az egész árnyékot összezsugorítja, mielőtt a homályosítást alkalmaznák. Az élő előnézet minden változást azonnal megmutat.
Az Inset az elem belsejében rajzolja az árnyékot, nem mögötte, így egy benyomott megjelenés · hasznos bemenetek és gombok. Flip a bekapcsolni.
Válasszon egy színt, majd használja az átlátszó csúszkát; az eszköz kimenete rgba() érték, így az árnyék természetesen keveredik.
Igen. Nyissa meg a Speciális opciókat, hogy lehetővé tegye a második árnyék réteg saját eltolás, homályos, szín és bemenet.
Nem. A generátor teljesen a böngészőben fut; a csúszkák csak kiszámolnak egy helyi CSS húrt.
Teljesen ingyenes, nincs számla és nincs korlátozás • egy ügyfél oldali eszköz, nincs mit mérni.
Igen. A böngészőben fut, így a CSS Box Shadow Generator telefonokon és táblagépeken, valamint asztali · nincs telepíthető alkalmazás.
Általában csak néhány másodperc egy tipikus fájl • CSS Box Shadow Generator kezd működni abban a pillanatban, hogy megadja a bemeneti.
Az alkalmi használat korlátlan, nagyvonalú, tisztességes használatú sapka alatt, amely mindenkinek gyors marad.
Minden modern böngésző • Chrome, Safari, Firefox és Edge. CSS Box Árnyék generátor nincs szüksége semmire a böngészőn túl már használt.