Generator CSS Text Shadow dla leniwych.
Wybierz predefiniowany styl z galerii lub wygeneruj cień tekstu według własnych preferencji. Skonfiguruj żądane atrybuty, aby uzyskać kod CSS.
Przesuń cień w prawo/w dół, ustaw rozmycie i krycie oraz wybierz kolor z palety, aby uzyskać CSS. Użyj edytora online, aby ręcznie dostosować swój styl. Śledź ewolucję swojego cienia w podglądzie na żywo, w którym możesz ustawić niestandardowy kolor tekstu i tła.
Objaśnienie cienia tekstu CSS3
Właściwość text-shadow CSS3 jest jedną z najpopularniejszych technik stopniowego ulepszania projektu strony internetowej. Chociaż pierwotnie znajdował się w specyfikacji CSS 2.1, został wycofany z powodu braku wsparcia. Jednak teraz jest z powrotem w CSS 3 i ma szerokie wsparcie wśród nowoczesnych przeglądarek.
Przyjmuje cztery wartości: pierwsza wartość określa odległość cienia w kierunku x (poziomym), druga wartość określa odległość w kierunku y (pionowym), trzecia wartość określa rozmycie cienia, a ostatnia wartość ustawia kolor.
Chociaż jest to stosunkowo łatwe do zapamiętania w porównaniu z innymi regułami CSS3, takimi jak border-radius, przydatny jest taki generator, aby można było generować cień tekstu w czasie rzeczywistym i dostrajać go za pomocą kontrolek podobnych do Photoshopa.