Schatten um den Text / Textschatten / text-shadow
Mit der Eigenschaft "text-shadow" lassen sich ganz einfach über CSS Texte mit einen Schatten, Schlagschatten oder Texteffekten belegen.
text-shadow:[horizontale position] [vertikale position] [größe] [farbe];
Textschatten
Definition in css
div.text_schatten {
text-shadow:0 1px 0 #676767;
color:#E2007A;
font-size:70px;
}
text-shadow:0 1px 0 #676767;
color:#E2007A;
font-size:70px;
}
Und so schaut´s aus
CSS lernen
Text-Outline
Definition in css
div.text_outline {
text-shadow:
0 1px 0 #E2007A,
0 -1px 0 #E2007A,
1px 0 0 #E2007A,
-1px 0 0 #E2007A;
color:#fff;
}
text-shadow:
0 1px 0 #E2007A,
0 -1px 0 #E2007A,
1px 0 0 #E2007A,
-1px 0 0 #E2007A;
color:#fff;
}
Und so schaut´s aus
CSS lernen
Und hier noch ein paar andere Text-Effekte
CSS lernen
CSS lernen
CSS lernen
CSS lernen
CSS lernen
CSS lernen
CSS lernen
CSS lernen
CSS lernen
CSS lernen
Verschaff Dir einen Überblick
Wissenswertes, Hilfestellung und Lösungen rund um das Thema CSS:A
Absolute und relative MaßeAbgerundete Ecken
Anordnung
B
background-attachmentbackground-position
C
cm (Zentimeter)Color
Contextual Selectors
CSS Formatierungen
CSS-Sprites
D
Definition mehrerer TagsE
Ebenen / LayerEcke / Eckenrundung
Einbindung CSS
em
ex
Externe CSS-Datei
F
FarbenFarbcodes
Farbnamen
Farbverlauf
Fixierter, fester Hintergrund
G
GradientGrundlagen
H
HintergrundbildHintergrundbild Positionierung
Hover-Effekt über Hintergrundbild
I
IDsin (Inch)
Interne CSS-Datei
K
KlassenKlassifizierung
L
Layer / EbenenListen
P
pcPosition
Positionierung Hintergrundbild
pt (Pica)
px (Pixel)
R
Rahmen FormatierungReihenfolge von Elementen
Relative und absolute Maße
repeat Möglichkeiten
Runde Ecken
S
SchriftformatierungScrollbarer Hintergrund
Sichtbarkeit
Sprites
Stylesheet
T
TextflussTextgestaltung
U
Überhängende InhalteÜbereinander liegende Elemente
V
VererbungVerlauf / Verläufe
