兄弟我刚好碰到这个问题。代碼里需要不断变更CSS里样式的值（遍历+大量）并通过JS进行设置。基本上要求应该是和你差不多的
以上所有方法我基本都试过，用了一个皛天加半个晚上现在是凌晨三点。

我说一下我的方法我自己已验证有效：
1、演示HTML主体结构

2、首先作用区域范围内设置“CSS变量”

PS:至少在我还清醒之前，注册上来回答一下希望能帮到你。