Webkit-Keyframes funktioniert nicht in chrome

Warum ist mein keyframes animation (http://jsfiddle.net/ZcFre/) funktioniert nicht in Chrome?

Mein CSS ist:

.circle1 {
    -webkit-animation: spinoffPulse 1s infinite linear;
}
@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    };
}
Willkommen zu Stapeln Oveflow. Es ist empfohlen hier zu posten der entsprechende code in der Frage, und verlassen Sie sich nicht ausschließlich auf einen link. Da dies dein Erster post, ich habe es getan für Sie. Aber Sie sollten Lesen Sie die FAQ !
Ich wollte aber die UI zum hinzufügen von code ist wirklich dumm (in 4 Leerzeichen pro Zeile) ich habe keine Zeit, um die Leertaste drücken 4 mal auf jeder Linie. Vielleicht war ich dabei etwas falsch?
Nicht falsch, aber nicht der einfache Weg. Siehe hier: [meta.stackexchange.com/a/139751/215241]

InformationsquelleAutor user2537644 | 2013-07-01

  1. 4

    Haben Sie setzen Sie ein Semikolon nach der letzten geschweiften Klammer der animation Erklärung. Firefox akzeptiert es, aber Chrome nicht.

    Nach der Befestigung wird die animation wieder spinnt: http://jsfiddle.net/ZcFre/1/

    @-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }; <--Remove the semicolon
}
    Vielen Dank so viel für diese! Ich muss verpasst haben die. Hat Chrome hat einen Fehler melden, wo kann ich das sehen?
    Nein, aber Sie können csslint.net, um zu überprüfen, ob Ihr CSS ist OK. Es ist auch als Kommandozeilen tool, und als ein plugin für mehrere IDEs/build-Skripte.

    InformationsquelleAutor Rob W

Schreibe einen Kommentar