Diaporama en CSS

Slt

J'ai suivit le tuto d'AlsaCreation pour creer un petit diaporama automatique en CSS (c'est juste un essai sur une simple page). Mais j'ai un petit souci, il ne marche pas. J'aurais egalement besoin d'un éclaircissement par rapport a un code CSS.

1) Le probleme : j'ai bien suivit le tuto mais ca ne marche pas. Pour eviter les faute de frappe, j'ai fait un copier-coller des codes. Donc pas de code mal ecrit.

2) Eclaicissement d'un code CSS : dans le CSS de ce diaporama il y a ca :

@-webkit-keyframes 'Partenaire' { 
    0% { 
        left: 0px; /*1ère image*/ 
    } 
    15% { 
        left: 0px; /*idem pour attente*/ 
    } 
    35% { 
        left: -150px; /*2ème image*/ 
    } 
    50% { 
        left: -150px; /*idem pour attente*/ 
    } 
    70% { 
        left: -300px; /*3ème image*/ 
    } 
    85% { 
        left: -300px; /*idem pour attente*/ 
    } 
    100% { 
        left: 0px; /*1ère image*/ 
    } 
} 

A quoi sert le @ juste avant le -webkit-keyframes ?

Merci d'avance pour votre aide.

Lien vers la page d'essai
Modifié par hegalaldia (22 Nov 2010 - 09:59)

Je fait un petit up. Pour tester j'ai inserer le codes CSS et HTML. Deja les 3 images ne sont pas l'une sous l'autre. C'est deja un debut, mais je ne voit pas pourquoi avec mon code CSS personnalise (juste le nom des ID a ete change) les images sont l'une au dessus des autres. Sinon le diaporama ne marche quand meme pas. Pourtant j'ai ouvert le fichier avec Safari pour voir ce que ca donne.

Edit : je viens d'essayer avec Chrome et ca marche ! pourtant dans le tuto il est dit que ca amrche avec Safari. Peut etre que c'est du CSS3 et c'est pas encore au point ?
Modifié par hegalaldia (29 Nov 2010 - 15:16)