Могу ли я передать значение в функцию CSS?

Question

У меня есть спидометр.Я хотел бы показать скорость в зависимости от того, какое значение было введено в текстовом поле. Вот демоверсия .Вот код, если вы хотите просмотреть .Основной код, в котором мне нужно обновить значение:

@-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

Возможно, вы захотите попробовать здесь для некоторых решений.

Кажется, что вам придется выписать совершенно новое правило CSS на страницу в Javascript.Или создайте многочисленные классы и измените класс с помощью Javascript, но это не будет практичным для вас, поскольку вам потенциально потребуется 360 классов.

Answer 2

Вы можете определить стиль, жестко закодированный в файле HTML. И измените его с помощью объявления JS в PHP. Не очень строго, но это делает свое дело:)

Answer 3

Мой ответ: нет, вы не можете.

Но вы можете создать весь CSS с помощью PHP.Лучше всего использовать PHP для генерации всего CSS, особенно того, который вам нужно изменить в соответствии с настройками пользователя.

Answer 4

Вам следует попробовать использовать препроцессор css, например LESS.js или SASS:

http://lesscss.org/

http://sass -lang.com /