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

我可以将值传递给CSS函数吗?,css,webkit,Css,Webkit,我有一个速度表。我想根据文本框中输入的值显示速度。这是代码,如果你愿意的话。我需要更新值的主代码是 @-webkit-keyframes rotate { from {-webkit-transform:rotate(0deg);} to {-webkit-transform:rotate(180deg);} <-- I need to update 180deg on the fly } @-webkit关键帧旋转{ 从{-webkit变换:旋转(0度);} 对

我有一个速度表。我想根据文本框中输入的值显示速度。这是代码,如果你愿意的话。我需要更新值的主代码是

@-webkit-keyframes rotate {
    from {-webkit-transform:rotate(0deg);}
        to {-webkit-transform:rotate(180deg);} <-- I need to update 180deg on the fly
}
@-webkit关键帧旋转{
从{-webkit变换:旋转(0度);}

对于{-webkit transform:rotate(180deg);}您可以在HTML文件中定义syle硬编码。并使用PHP中的JS声明对其进行更改。虽然不是很严格,但它确实起到了关键作用:)

您可能希望尝试一些解决方案


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

您应该尝试使用CSS预处理器,如LESS.js或SASS:


我的答案是:不,你不能


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

我想我可以使用jQuery创建CSS函数?可能是重复的,您可能需要更新该链接,此时它指向以下问题:)我有一个stackoverflow exc链接后面的eption;)如果您想刷新客户端,那么less.js似乎更好。