CSS3 Text Effects
CSS3 Text Effects
CSS3 Text enthält einige neue Features.
In diesem Kapitel lernen Sie die folgenden Textattribute:
- text-shadow
- box-shadow
- Text-Überlauf
- word-wrap
- Wort-Pause
Browser-Unterstützung
属性 | |||||
---|---|---|---|---|---|
text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.5 |
box-shadow | 10.0 4.0 -webkit- |
9.0 | 4.0 3.5 -moz- |
5.1 3.1 -webkit- |
10.5 |
text-overflow | 4.0 | 6.0 | 7.0 | 3.1 | 11.0 9.0 -o- |
word-wrap | 23.0 | 5.5 | 3.5 | 6.1 | 12.1 |
word-break | 4.0 | 5.5 | 15.0 | 3.1 | 15.0 |
Der Text Schatten CSS3
In CSS3 gilt text-shadow Eigenschaft Schatten in Text.
Sie geben den horizontalen Schatten, die vertikale Schatten, Farbe, Entfernung Blur und Schatten:





Beispiele
Fügen Sie einen Schatten auf den Titel:
{
text-shadow: 5px 5px 5px #FF0000;
}
Versuchen »
CSS3 box-shadow Eigenschaft
In CSS3 gilt CSS3 box-shadow Eigenschaft Feld Schatten