CSS3 Keyframes - Animation

[SteveJobs]

Hey Leute,

ich komme einfach nicht weiter. Hier mein Problem:

Ich möchte eine Gallerie für Fotos erstellen. Der Titel "New York | 2011" soll als erstes in der Mitte des Fensters angezeigt werden. Nach ein paar Sekunden soll der Text dann nach oben aus dem Fenster fahren und die Gallerie soll von unten folgen.

Ich bekomme alles hin bis auf die Animation. Ich habe in CSS3 die Keyframe-Funktion entdeckt, mit der Animationen möglich sind.

Der Titel soll nur am Anfang erscheinen und dann durch hoch scrollen nicht mehr erreichbar sein.

------------
<p id="headline">New York | 2011</p> // Soll zuerst erscheinen - dann verschwinden
...
<div id="content">...</div> // Soll von unten nach X Sekunden Folgen
------------

Ich wäre für eure Hilfe echt dankbar .D

 

[n1roxxer]

Du kannst ihn mit einem Javascript ausblenden lassen, das geht sicherlich. Ob er nach oben fliegen kann, via Java, das kann ich dir nicht sagen

 

[franz007]

Hallo Steve

Das müsste per CSS3 Animations möglich sein.
Was hast du denn bis jetzt? Wo genau ist das Problem?