Generator cienia tekstu
Twórz wielowarstwowe cienie tekstu z podglądem na żywo i gotowym CSS.
- Natychmiast
- Za darmo
- Prywatnie (przetwarzane lokalnie)
- Bez rejestracji
Cienie tekstu na miarę
Ustaw przesunięcie, rozmycie, kolor i krycie, dodaj drugą warstwę i uzyskaj właściwość text-shadow z podglądem na żywo na tekście.
-
Ustaw warstwę 1
X, Y, rozmycie, kolor, krycie.
-
Włącz warstwę 2
Na obrys lub poświatę.
-
Skopiuj CSS
Jedna właściwość, gotowa do wklejenia.
Anatomia właściwości
| Część | Przykład | Rola |
|---|---|---|
| Przesun. X | 2px | Poziomo (ujemne = w lewo) |
| Przesun. Y | 2px | Pionowo (ujemne = w górę) |
| Rozmycie | 4px | Rozproszenie cienia |
| Kolor | rgba(124, 58, 237, 0.5) | Odcień i krycie |
Warstwa domyślna: text-shadow: 2px 2px 4px rgba(124, 58, 237, 0.5);. Podgląd i obliczenia 100% lokalne.
Najczęstsze pytania
Jak działa text-shadow?
Właściwość przyjmuje kolejno: przesunięcie poziome X, pionowe Y, promień rozmycia, potem kolor. Przykład: text-shadow: 2px 2px 4px rgba(124, 58, 237, 0.5). Wartości ujemne przesuwają w lewo/górę.
Czy można nakładać kilka cieni?
Tak, oddzielając przecinkami. To narzędzie oferuje dwie warstwy: pierwsza rysuje główny cień, druga (opcjonalna) dodaje obrys lub poświatę w innym kolorze.
Jak stworzyć efekt poświaty (glow)?
Ustaw X i Y na 0, zwiększ rozmycie i wybierz żywy kolor o dobrym kryciu. Światło rozchodzi się równomiernie wokół tekstu. Powiel warstwę, by wzmocnić.
Czy cień szkodzi czytelności?
Zbyt mocny cień może przeszkadzać. Dla tekstu ciągłego zachowaj lekkie rozmycie i umiarkowane krycie; wyraziste efekty zostaw dla dużych nagłówków. Podgląd pomaga ocenić.