js 动态添加css3 @keyframes

js创建@keyframes

const keyframes = '@keyframes mypoint {to {transform: scale(1.5);background: rgba(0, 0, 0, 0);}}'
// 创建style标签
const style = document.createElement('style');
// 设置style属性
style.type = 'text/css';
// 将 keyframes样式写入style内
style.innerHTML = keyframes;
// 将style样式存放到box标签
document.getElementByTagName('box')[0].appendChild(style);