Есть ли любой способ установить from
или to
из ключевого кадра WebKit с JavaScript?
Решение вроде того:
var cssAnimation = document.createElement('style');
cssAnimation.type = 'text/css';
var rules = document.createTextNode('@-webkit-keyframes slider {'+
'from { left:100px; }'+
'80% { left:150px; }'+
'90% { left:160px; }'+
'to { left:150px; }'+
'}');
cssAnimation.appendChild(rules);
document.getElementsByTagName("head")[0].appendChild(cssAnimation);
Просто добавляет определение стиля в заголовок. Было бы намного чище/лучше определять его через DOM, если это возможно.
Edit: Error in Chrome with old method