Najlepšie zadarmo CSS Box Shadow Generator Najnovšia verzia 1.0
Vizuálne vytvorte box-shadow CSS s živým náhľadom, vložením a druhou vrstvou - skopírujte kód.
100% zadarmo
Žiadna registrácia nie je potrebná
Žiadny vodoznak
✨
Prejdite na Pro pre najlepšie AI modely - obrázok, video a chat - plus väčšie uploady, prioritu vo fronte a bez čakania.
Upgrade na Pro
Láska Best.Free? Zdieľaj to!
Ako to funguje
- Presunutie posuvníkov. Nastavte posun, rozmazanie, rozšírenie, farbu a nepriehľadnosť; prepnite vloženie, ak chcete vnútorný tieň.
- Pozrite si ukážku. Živý rámček sa pri ťahaní aktualizuje. Pridajte druhú vrstvu v rozšírených možnostiach hĺbky.
- Skopírujte CSS. Kliknite na Copy CSS a vložte box-shadow pravidlo priamo do štýlu.
O tomto nástroji
Navrhujte tieň rámčeka bez toho, aby ste museli odhadovať hodnoty pixelov. Potiahnite posuvníky posunu X, Y, rozostrenia a rozšírenia, vyberte farbu tieňa a upravte jeho nepriehľadnosť a sledujte aktualizáciu rámčeka v živom náhľade v reálnom čase - potom skopírujte presný kód CSS tieňa rámčeka. Prepnite prepínač vloženia na vnútorný tieň. Rozšírené možnosti obsahujú druhú vrstvu tieňa, takže môžete vytvoriť jemné viacvrstvové tiene používané na moderných kartách a tlačidlách. Všetko sa spúšťa v prehliadači.
Na čo ho ľudia používajú
- Pridanie jemného vloženého tieňa na karty a modály
- Vytvorenie vnútorného (vloženého) tieňa pre vstupy a studne
- Navrstvite dve vrstvy pre realistický, rozptýlený tieň
- Nastavenie posunu a rozostrenia tak, aby zodpovedali modelu návrhu
Často kladené otázky
Funkcia Offset-X/Y posunie tieň horizontálne a vertikálne, funkcia Blur zjemní jeho okraj a funkcia Spread pred aplikáciou rozostrenia zväčší alebo zmenší celý tieň.
Funkcia Insert kreslí tieň do vnútra prvku namiesto toho, aby bol za ním, čím vytvára vzhľad zatlačeného prvku - čo je užitočné pri vstupoch a prepínačoch.
Vyberte si farbu, potom použite posuvník nepriehľadnosti; nástroj vydá hodnotu rgba(), aby sa tieň prirodzene zmiešal.
Otvorte rozšírené možnosti a povoľte druhú vrstvu tieňa s vlastným posunom, rozostrením, farbou a vložením.
Nie, generátor beží úplne vo vašom prehliadači; posuvníky len lokálne vypočítavajú CSS reťazec.
Úplne zadarmo, bez účtu a bez obmedzení - nástroj na strane klienta s ničím, čo by sa dalo merať.
Áno, beží vo vašom prehliadači, takže CSS Box Shadow Generator funguje na telefónoch a tabletoch, rovnako ako na počítači - nie je potrebné inštalovať žiadnu aplikáciu.
Zvyčajne len niekoľko sekúnd pre typický súbor - CSS Box Shadow Generator začne pracovať v okamihu, keď mu dáte svoj vstup.
Príležitostné používanie je neobmedzené, pod veľkorysým limitom fair-use, ktorý udržuje rýchlosť pre každého.
Všetky moderné prehliadače - Chrome, Safari, Firefox a Edge.CSS Box Shadow Generator nevyžaduje nič inštalovať okrem prehliadača, ktorý už používate.