Encontré este efecto de desplazamiento en Codepen. ¿Es posible ajustar el código para que pueda apuntar líneas de texto por clase '.hometext', en lugar de apuntar a toda la sección '#work' como lo hace actualmente?
const section = document.querySelector("#work"); let currentPixel = window.pageYOffset //looper keeps running and keeps track of where the new pixel is const looper = function () { const newPixel = window.pageYOffset; const diff = newPixel - currentPixel const speed = diff * 0.05; section.style.transform = "skewY(" + speed + "deg)" currentPixel = newPixel; requestAnimationFrame(looper) } looper();document.querySelectorAll => matriz de elementos y luego para elementos
const section = document.querySelectorAll(".hometext"); let currentPixel = window.pageYOffset //looper keeps running and keeps track of where the new pixel is const looper = function () { const newPixel = window.pageYOffset; const diff = newPixel - currentPixel const speed = diff * 0.35; //for of elements for(let el of section){ el.style.transform = "skewY(" + speed + "deg)" } currentPixel = newPixel; requestAnimationFrame(looper) } looper();