我可以将值传递给CSS函数吗？

Question

我有一个速度计。我想显示速度取决于在文本框中输入的值。 Here is the demo。如果您想browse，请输入以下代码。我需要更新值的主要代码是。

@-webkit-keyframes rotate {
    from {-webkit-transform:rotate(0deg);}
        to {-webkit-transform:rotate(180deg);} <-- I need to update 180deg on the fly
}

在理想情况下，我需要从数据库中提取此值。但只是想知道有没有办法在旅途中更新这个领域？可能是JavaScirpt？

注意：该演示仅适用于Safari和Chrome，而不适用于Firefox和IE

Answer 1

您可以在HTML文件中定义硬编码的样式。并使用PHP中的JS声明进行更改。不是很严格，但它的确如此：）

Answer 2

您可能希望尝试使用here解决方案。

似乎你必须在Javascript中在页面上写出一个全新的CSS规则。或者创建许多类并使用Javascript更改类，但这对您来说并不实用，因为您可能需要360个类。

Answer 3

你应该尝试使用像LESS.js或SASS这样的css预处理器：

http://lesscss.org/

http://sass-lang.com/

Answer 4

我的回答：不，你不能。

但您可以使用PHP创建整个CSS。最好的办法是使用PHP生成整个CSS esp，根据用户的设置，你需要修改它。