Text mit Schatten

Mit CSS3 können Sie Text-Elemente mit Schatten gestalten (text-shadow). Schatten sind eine gute Möglichkeit einzelne Elemente aus dem Fluss der Website speziell hervorzuheben oder um einfach einen dreidimensionalen Effekt zu erhalten.

<span style="text-shadow: px px px ; font-size: px;
 color: ">Text mit Schatten</span>

Beispiele

Dieser Text dient nur zur Demonstration.

<span style="text-shadow: -1px -1px 0px #00FFFF; font-size: 25px;">
 Text </span>

Dieser Text dient nur zur Demonstration.

<span style="text-shadow: 3px 5px 0px #59BFFF; font-size: 22px;">
 Text </span>

Dieser Text dient nur zur Demonstration.

<span style="text-shadow: -7px -7px 2px #EF14FF; font-size: 22px;">
 Dieser Text dient nur zur Demonstration. </span>

Dieser Text dient nur zur Demonstration.

<span style="text-shadow: 0px 0px 8px #FFFF00; color: #FFD700; font-size: 20px;">
 Text </span>

Dieser Text dient nur zur Demonstration.

<span style="text-shadow: Yellow 0 0 6px, Red 5px 5px 3px; font-size: 25px; color: Red;">
 Text </span>

Tipp

CSS-Formen Generator - Block-Elemente mit CSS beliebig formen und gestalten.