liebe community!
ich versuche gerade, ein paar individuellen elementen ein wenig "schwung" einzuhauchen und dachte, ich mache das mit css3 animationen.
bei chrome, firefox und opera funktionieren meine angaben auch (unterschiedliche präfixe) !!bestens!! - nur mit safari hab ich meine lieben probleme: es will sich nix bewegen.
habe schon einiges nachgelesen, etwa dass zumindest safari v4 und safari v5 ganz gut laufen auch ohne präfix, nur bei v6 muss man "-webkit" als präfix davorhängen und auch, dass man von 0 - 100% gehen muss und bei safari nicht bei z.b. 80% aufhören kann aber auch mit präfix geht es nicht. kann mir jemand einen hinweis geben was ich übersehen habe? mein technisches englisch ist leider nicht herausragend also habe ich beim nachforschen im web wahrscheinlich schon hinweise übersehen..
meine angaben
@-webkit-keyframes running {
0% { transform: translateX(80px)}
50% { transform: translateX(330px)}
100% { transform: translateX(580px)}
}
.klasseobjekt {
-webkit-animation: running;
-webkit-animation-duration: 2s;
-webkit-animation-direction: right;
-webkit-animation-timing-function: ease-out;
-webkit-animation-fill-mode: forwards;
-webkit-animation-delay: 2s;
}
Lesezeichen