Das Dokument behandelt fortgeschrittene CSS-Techniken, insbesondere die Verwendung von @font-face für benutzerdefinierte Schriftarten und die Umsetzung von Übergängen und Transformationen. Es werden Beispiele und Demos vorgestellt, die verschiedene Effekte wie Hover-Animationen demonstrieren. Der Autor, Eric Eggert, ist ein freier Webdesigner und Entwickler mit einem Angebot für Dienstleistungen.

1. Beyond
Borders
and Boxes

2. CSS für Fortgeschrittene

3. Eric Eggert, Essen
Freier Webdesigner/-entwickler

4. Eric Eggert, Essen
Freier Webdesigner/-entwickler
(freie Kapazitäten)

5. @font-face

8. Syntax
@font-face { font-family: "Schriftname";
src: url(schriftname.otf); }
h1 {
font-family: Schriftname, Helvetica, sans-serif;
}

9. kR kS
Einfach Relativ große Dateien
Preiswert Schriftdateien weitgehend
ungeschützt (kein DRM)
Cross-Browser
(IE4+, FF3.5+, Sf3.1+) Lizenzprobleme
Weit verbreitet

14. Transitionen

15. Transition
:hover
0N

16. Transformation
:hover
0N

17. Demos

18. Demos
Hover
Scaling
Bar Charts
Demo-Seite
Gowalla
Kiwi
24ways Demo, Max Voltar

19. Danke
Eric Eggert
yatil.de
@yatil