Darf ich die Frage es TE noch erweitern?:
Via
.rotateanimation {
-webkit-animation: rotation 2s infinite alternate ease-in-out;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(100deg);
} to {
-webkit-transform: rotate(150deg);
}
}
kann man über den CSS-Reiter im VIS-Editor ja z. B. Bilder auch prima "pendeln" lassen. Leider kann man auf diese Weise aber nur feste Winkelvorgaben einstellen, weil, wie @liv-in-sky ja oben schreibt, in der CSS-Klasse offenbar keine Bindings möglich sind.
Im transform-Feld hingegen funktionieren Bindings ja prima. Ich habe daher versucht, soetwas wie
"from rotate(100deg) to rotate(150deg)"
im transform-Feld zu nutzen (um dann später die fixen Zahlen durch Bindings zu ersetzen), was jedoch schon mit den fixen Zahlen in allen von mir verwendeten Syntax-Varianten gescheitert ist.
Weiß jemand, ob das grundsätzlich nicht geht, oder ich "bloß" die passende Syntax noch nicht gefunden habe?
Edit:
Was ich auch nicht hinbekommen habe, sind zwei Transformationen gleichzeitig im transform-Feld zum Laufen zu bekommen, also so etwas wie
"rotate(100deg) translate(10px,20px)"
was einzeln ja aber klappt.
