Изменение скорости во время анимации CSS3 + Ключевые кадры или переходы

Question

Я хочу скопировать квадрат с фиксированной скоростью, а затем, в какой-то момент во время анимации, я хочу ускорить его.

Это моя попытка:

http://codepen.io/JAStanton/pen/uzfji

до сих пор, но в Safari он моргает. Другие идеи оживляют с использованием чистого JavaScript, хотя на некоторых мобильных устройствах это связано с первыми затратами.

Мысли?

Answer 1

Это может быть достигнуто путем сцепления 2 анимации:

-webkit-animation: mymove 4s linear 0s, mymove2 2s linear 4s; 

Второй будет работать через 4 секунды задержки, так что вы не должны слушать события. Кроме того, вы могли бы добиться этого эффекта корыта функции ослабления с помощью пользовательского Безье

Является ли это то, что вы хотите: http://jsfiddle.net/jtYCW/