Is it possible to animate custom properties? about react-scroll-parallax HOT 1 CLOSED

function Example() {
  const parallax = useParallax({
    onProgressChange: (progress) => {
      if (parallax.ref.current) {
        // set progress to CSS variable
        parallax.ref.current.style.setProperty(
          "--progress",
          progress.toString()
        );
      }
    },
  });
  return (
    <h1
      ref={parallax.ref}
      className="thing"
      // use the progress to change the width of the border
      style={{ WebkitTextStrokeWidth: `calc(20px * var(--progress))` }}
    >
      HELLO
    </h1>
  );
}