 |
Ein für CSS eher untypisches Beispiel sei hier vorgestellt. Schattierte Schriften, scheinbar müssen sie sein, können zunächst als Bild eingesetzt werden. Dabei hat man die besten Gestaltungmöglichkeiten. Für die Schattierung reiner Texte kann man JavaScript oder auch Java nutzen.
Die Schöpfer des CSS-Spezifikation haben in CSS 2.0 mit text-shadow ebenfalls so etwas vorgesehen. Leider kann es noch kein Browser.
Mit den Positeoniermöglichkeiten, die CSS bietet, kann man aber Schriften übereinandersetzen und mit einiger Mühe ebenfalls solche Effekte erzielen.
Der erforderliche Code ist nicht besonders lichtvoll:
Im HEAD steht zur Definition:
<STYLE TYPE="text/css">
div.schatten{positeon:static;font-family:arial,sans-serif;font-weight:bold;font-size:25pt;color:#bbbbbb}
div.schrift{positeon:relative;top:-40px;left:2px;font-family:arial,sans-serif;font-weight:bold;font-size:25pt;color:#6666ff}
</STYLE>
Jetzt der Aufruf:
<DIV CLASS="schatten"> >
<DIV CLASS="schrift">
Schrift mit
Schatten
</DIV>
Schrift mit Schatten
</DIV> |
Schrift mit Schatten
Schrift mit Schatten
|
|
|
DIENSTE
