Controls
Wiele cieni
Shadow 2
Popularne ustawienia wstępne
Preview
Informacje o Generatorze cieni tekstu
Łatwy w użyciu
Generuj piękne cienie tekstu za pomocą naszego intuicyjnego interfejsu. Nie jest wymagana znajomość CSS!
W pełni responsywny
Działa doskonale na wszystkich urządzeniach, od telefonów komórkowych po komputery stacjonarne.
Uzyskaj czysty, gotowy do użycia w środowisku produkcyjnym kod CSS, który możesz natychmiast wykorzystać w swoich projektach.
Jak korzystać z generatora cieni tekstu
Dopasowywanie suwaków
Zmodyfikuj przesunięcie poziome, przesunięcie pionowe, promień rozmycia i krycie, aby stworzyć idealny cień.
Wybierz kolor
Wybierz dowolny kolor cienia tekstu za pomocą próbnika kolorów lub kodu szesnastkowego.
Podgląd projektu
Zobacz, jak wygląda cień tekstu w czasie rzeczywistym dzięki naszemu interaktywnemu podglądowi.
Kopiowanie kodu CSS
Kliknij przycisk kopiowania, aby pobrać wygenerowany kod CSS i użyć go w swoim projekcie.
Popularne przykłady cieni tekstu
Efekt neonowej poświaty
Efekt neonowej poświaty
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6;
Efekt tekstu 3D
Efekt tekstu 3D
text-shadow: 1px 1px 0px #c4c4c4, 2px 2px 0px #c4c4c4, 3px 3px 0px #c4c4c4, 4px 4px 0px #c4c4c4;
Subtelny cień
Subtelny cień
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
Cień wewnętrzny
Cień wewnętrzny
text-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
Related Tools
Upiększacz CSS
Formatuj i upiększaj swój kod CSS z profesjonalną precyzją
Generator przejść CSS3
Płynne przejście krycia
Minifikator CSS
Kompresuj i optymalizuj swój kod CSS z profesjonalną precyzją
Przelicznik jednostek powierzchni
Konwertuj między różnymi jednostkami powierzchni z precyzją i łatwością
Pantone na HEX
Konwertuj kolory Pantone na wartości szesnastkowe do projektowania stron internetowych
Przetwornica jednostek częstotliwości
Precyzyjna konwersja między różnymi jednostkami częstotliwości dla obliczeń inżynierskich i naukowych