Generator CSS w tle tekstu online


Text Showdow

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.