Tengo una animación de texto de @keyframes css (el texto está cambiando con el método :after) Necesito pasar ese texto a javascript para cambiar el modo de fusión de cada letra (gracias a Mostafa Hassan, ¡sé cómo hacerlo ahora!) No estoy seguro de cómo Sin embargo, puedo tomar el texto que se modificó con: después del método en css. ¿Alguna ayuda?

 <p class="blend text-animate" blend-mode="difference" data="Blend"></p>

 .text-animate{ font-size:280px; font-family: sans-serif; letter-spacing: -60px; text-align: center; color: aquamarine; animation-name: blending; animation-duration: 8s; animation-timing-function: linear; animation-iteration-count: infinite; } .text-animate:after{ animation-name: blending; animation-duration: 8s; animation-timing-function: linear; animation-iteration-count: infinite; content: ""; } @keyframes blending { 0% {content: "NoBlend"; color: aquamarine;} 50% {content: "Keyframes"; color: royalblue;} 100% {content: "NoBlend"; color: aquamarine;} }

 const element = document.getElementsByClassName("blend"); let text = element[0].getAttribute("data"); let blendMode = element[0].getAttribute("blend-mode"); for(let chr of text) element[0].innerHTML += "<span style='mix-blend-mode: "+blendMode+"' > "+chr+"</span>";