Generator CSS text-shadow
Generuj CSS text-shadow z podglądem na żywo. Nakładaj wiele cieni z presetami neon, wytłoczenie i innymi.
Presety
Ustawienia tekstu
Warstwy cienia
Podgląd
Shadow Text
Wygenerowany CSS
text-shadow: 2px 2px 4px #000000;
Pełny fragment
.text-shadow-effect {
color: #333333;
font-size: 48px;
font-family: sans-serif;
text-shadow: 2px 2px 4px #000000;
}Jak używać
Wprowadź tekst
Wprowadź tekst do podglądu
Dostosuj parametry
Dostosuj przesunięcie, rozmycie i kolor
Kopiuj
Skopiuj kod CSS do użycia
Funkcje
Podgląd na żywo
Zobacz efekt cienia tekstu w czasie rzeczywistym
Wiele cieni
Nakładaj wiele cieni tekstu
Presety
Presety takie jak neon, wytłoczenie i więcej
FAQ
🔗Powiązane narzędzia
Przelicznik kodów kolorów
Przeliczaj między kodami kolorów HEX, RGB i HSL. Użyj próbnika kolorów i podglądu w czasie rzeczywistym do intuicyjnego wyboru kolorów.
Próbnik kolorów
Intuicyjnie wybieraj kolory za pomocą koła kolorów i suwaków. Pobieraj i kopiuj kody kolorów w formatach HEX, RGB i HSL.
Ekstraktor kolorów obrazu
Automatycznie wykrywaj dominujące kolory z obrazu i generuj paletę kolorów. Możesz też kliknąć dowolne miejsce na obrazie, aby wybrać pojedyncze kolory.
Pobieracz średniego koloru obrazu
Oblicz średni kolor całego obrazu lub wybranego obszaru. Przydatny do wybierania schematów kolorów lub kolorów tła miniatur.
Generator CSS gradient
Wizualnie twórz gradienty CSS za pomocą przeciąganych kontrolek. Obsługuje typy gradientów liniowych, radialnych i stożkowych z presetami.
Generator CSS box-shadow
Wizualnie twórz CSS box-shadow za pomocą suwaków. Obsługuje wiele cieni i cienie wewnętrzne.