Nejlepší zdarma CSS box Shadow Generator
Vizuálně postavit CSS box stíny s živým náhledem, inset a druhou vrstvou? zkopírovat kód.
100% zdarma
Žádné přihlášení
Žádné vodoznaky.
Soubory zpracované v paměti, nikdy neuložené
✨
Go Pro pro nejlepší modely AI? obraz, video a chat? plus větší nahrávání, priorita ve frontě a žádné čekání.
Upgrade na Pro
Láska best.free? Poděl se o to.
Jak to funguje
- Přesuňte posuvníky.. Nastavit ofset, rozmazaný, rozmazaný, barevný a opacita; přepnout nastavit, pokud chcete vnitřní stín.
- Podívejte se na náhled. Živý box se aktualizuje, jak budete táhnout; přidat druhou vrstvu v Pokročilých možnostech pro hloubku.
- Kopírovat CSS. Hit Kopírovat CSS a vložit box stín pravidlo přímo do svého stylového listu.
O tomto nástroji
Navrhněte box stín bez hádání hodnot pixelů. Přetáhněte ofset-X, offset-Y, rozmazané a rozmazané posuvníky, vyberte stínovou barvu a vytočte v opacitě a sledujte živé aktualizace náhledu boxu v reálném čase?, pak zkopírujte přesný box-stín CSS. Překlopte nasazené přepínat o vnitřní stín. Pokročilé možnosti stohovat druhou stínovou vrstvu, takže můžete stavět měkké, vícevrstvé stíny používané na moderních karet a tlačítek. Vše běží ve vašem prohlížeči.
Na co ho lidé používají?
- Přidejte měkký kapkový stín do karet a modalů
- Vytvořit vnitřní (insetový) stín pro vstupy a studny
- Stack dvě vrstvy pro realistický, rozptýlený stín
- Tune offset a rozostření tak, aby odpovídaly konstrukčnímu modelu
Často kladené otázky
Offset-X/Y posune stín horizontálně a vertikálně, rozostření změkčí jeho okraj a rozmazané roste nebo zmenšuje celý stín před tím, než se rozmazaný rozmazaný použije. Živý náhled zobrazuje každou změnu okamžitě.
Vložený kreslí stín uvnitř prvku místo za ním, dává lisovaný vzhled? užitečné pro vstupy a přepínače. Přepnout vložený přepínač.
Vyberte barvu a poté použijte jezdce zákalu; nástroj vypustí hodnotu rgba(), takže stín přirozeně mísí.
Ano. Otevřít Pokročilé možnosti umožňující druhou stínovou vrstvu s vlastním ofsetem, rozmazaným, barevným a insetovaným.
Ne. Generátor běží zcela ve vašem prohlížeči, posuvníky jen počítat CSS řetězec lokálně.
Úplně zdarma, žádný účet a žádné limity? nástroj klient-strana s ničím na měření.
Ano. To běží ve vašem prohlížeči, takže CSS Box Shadow Generator pracuje na telefony a tablety, stejně jako desktop?, není žádná aplikace k instalaci.
Obvykle jen pár sekund pro typický soubor? CSS Box Shadow Generator začne pracovat v okamžiku, kdy dáte mu svůj vstup.
Nenáročné použití je neomezené, pod velkorysým fair-use čepice, která udržuje to rychle pro každého.
Všechny moderní prohlížeče? Chrome, Safari, Firefox a Edge. CSS Box Shadow Generator nepotřebuje nic nainstalován mimo prohlížeč, který již používáte.