Verwenden Sie eine Inline-Animations-Keyframe-Definition?

Wir haben diese Art von Syntax zum Definieren von Schlüsselbildern in einer CSS-Datei:

@-webkit-keyframes fade {
    from {opacity: 1;}
    to {opacity: 0.25;}
}

und wir verweisen darauf wie:

.foo {
    -webkit-animation: fade 1s linear infinite;
}

Gibt es eine Möglichkeit, es einfach einzubinden, wie:

.foo {
    -webkit-animation: (from {opacity: 1;} to {opacity: 0.25;}) 1s linear infinite;
}

Gibt es eine Möglichkeit, dies zu tun oder ein "@ -webkit-keyframes" -Element zur Laufzeit in mein Stylesheet einzufügen?

Vielen Dank

Antworten auf die Frage(1)

Ihre Antwort auf die Frage