Применение стиля селекторов к элементу в качестве импульсной анимации

Question

В интерфейсе Kendo есть текстовое поле: стиль фокуса, определенный для каждой доступной темы:

.k-textbox:focus {
    box-shadow: 0 0 7px 0 #357ebd;
} 

Я хотел бы применить этот стиль к текстовому полю в качестве анимации (постепенное исчезновение / постепенное исчезновение), когдаполе обновляется вне диапазона, и независимо от того, имеет ли поле текущий фокус или нет.

Я предполагаю, что я должен был бы начать это, используя javascript и jquery, когда обновление получено для определенногополе.

Пример

Answer 1

Да, триггер должен происходить через JavaScript.Переход будет иметь эффект, как указано daGUY.

Вот пример использования jQuery:

$(".your-textbox-selector").on( "change", function() {

    $(this).css("box-shadow", "0 0 7px 0 #357ebd").css("transition", "box-shadow 0.1s linear");

})