js生成字符串格式的样式如何加到标签中？

const animation1 = (time:number)=>{

let str = `
.animation-enter-1{
    animation:change linear ${time}s forwards
}; 
@keyframes change {
    0% {
        opacity: 1;
        transform: translateX(0px) translateY(0px) rotate(0deg) scaleX(1) scaleY(1) rotateZ(0deg);
        clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);}
    50%{
        opacity: 1;
        transform: translateX(0px) translateY(0px) rotate(0deg) scaleX(1) scaleY(1) rotateZ(0deg);
        clip-path: polygon(0% 100%, 100% 100%, 100% 50%, 0% 50%);}
    100%{
        opacity: 1;
        transform: translateX(0px) translateY(0px) rotate(0deg) scaleX(1) scaleY(1) rotateZ(0deg);
        clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);}
    }
`
return str

}

style不支持@keyframes，直接放到style标签里面，要动态创建参考下面的
参考

动态创建style标签样式_折纸成鸢。的博客-CSDN博客_创建style标签动态创建style标签样式操作步骤：创建style标签 var stylee=document.createElement(‘style’);给标签添加属性 stylee.type = ‘text/css’;给标签添加id stylee.id = ‘styleId’；设置要添加的字符串 var sHtml = ‘.un-points .un-point-bullet{backgroun...

https://blog.csdn.net/qq_26679989/article/details/105531829

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632