Могу ли я использовать глобальные переменные внутри CSS - PullRequest
0 голосов
/ 15 июня 2019

Я знаю, что это работает left: var(--mouse-x); Вы можете обновить эти значения с помощью JS, что является моей целью здесь.Моя ситуация немного отличается, видите, я пытаюсь создать анимацию, и мне нужно динамически изменять значения в этой строке

clip-path: polygon(var(clip1) 0, 100% 1%, 100% 100%, 50% 100%);

Вот моя попытка

 let root = document.documentElement;
 root.style.setProperty('clip1', e.clientY + "%");

Ошибка значенийне установлены, может быть, потому что эта переменная прямо здесь.Любое предложение?

1 Ответ

0 голосов
/ 16 июня 2019

Должно быть:

clip-path: polygon(var(--clip1) 0, 100% 1%, 100% 100%, 50% 100%);

Смотрите здесь:

Создание глобальных переменных CSS: управление темой таблицы стилей

...