createElementでstyle要素を作成することでkeyframesのアニメーションをJavaScriptで動的に生成できる。 var main01main = [ "0% {left:100px}", "50% {left:200px}", "100% {left:300px}" ]; var cssAnimation = document.createElement('style'); cssAnimation.type = 'text/css'; var rules = document.createTextNode('@-webkit-keyframes main01main {'+ main01main.join(" ")+ '}'); cssAnimation.appendChild(rules); document.getElementsByTagName("head