我可以在CSS proprety中使用全局變量嗎？

Question

我知道這個工作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 + "%");

錯誤是未設置值可能因為該變量嵌套在那里。 有什么建議嗎？

Answer 1

應該：

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

看這里：

創建CSS全局變量：樣式表主題管理