Webmaster & Internet
Weißer Schatten mit dunklem Schein nach außen
Code css:
1 2 3 4 5 | text-shadow:
1px 1px 0px #ddd,
2px 2px 0px #ddd,
3px 3px 0px #ddd,
4px 4px 50px #000; |
Weißer harter Schatten
Code css:
1 2 3 4 | background:#AAA;
color:#505050;
text-shadow:
1px 1px 0px #FFF; |
Acid-Text
Code css:
1 2 3 4 5 | background:#404040;
color:#00ff0f;
text-shadow:
0px 0px 10px #00ff0f,
-1px -1px #000; |
CMYK-Schatten
Code css:
1 2 3 4 5 6 | text-shadow:
2px 2px 0px #ff0,
-2px -2px 0px #f0f,
-2px 2px 0px #0ff,
2px -2px 0px #0f0,
0px 0px 50px #000; |
Auslaufender Schatten
Code css:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | text-shadow:
1px 1px 0px #777,
2px 2px 0px #777,
3px 3px 0px #777,
4px 4px 0px #888,
5px 5px 0px #888,
6px 6px 0px #888,
7px 7px 0px #999,
8px 8px 0px #999,
9px 9px 0px #999,
10px 10px 0px #aaa,
11px 11px 0px #aaa,
12px 12px 0px #aaa,
13px 13px 0px #bbb,
14px 14px 0px #bbb,
15px 15px 0px #bbb,
16px 16px 0px #ccc,
17px 17px 0px #ccc,
18px 18px 0px #ccc,
19px 19px 0px #ddd,
20px 20px 0px #ddd,
21px 21px 0px #ddd; |
Versetzter Schatten
Code css:
1 2 3 4 | text-shadow:
0.2em 0.5em 0.1em #FF00B2,
-0.3em 0.1em 0.1em #00FF3A,
0.4em -0.3em 0.1em #00FFFA; |
Flammentext
Code css:
1 2 3 4 5 6 7 8 9 | background: #000;
color: #FFF;
padding: 30px 0 10px;
text-shadow:
0 0 4px white,
0 -5px 4px #ff3,
2px -10px 6px #fd3,
-2px -15px 11px #f80,
2px -25px 18px #f20; |
Eine Demoseite mit allen Effekten gibt es unter http://files.tutorials.de/css/
Mit großem Dank an David Hellmann und weiteren Inspirationsquellen.
Login
Bereiche
Kategorien
Forum - Webmaster & Internet
tutorials.de-Systemmitteilung