应用选择的风格元素作为脉冲动画

Question

剑道UI有一个文本框：为每一个可用的主题定义重点风格：

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

我想这种风格应用到一个文本框为动画（淡入/淡出），当字段被更新了带外，外地和是否有当前焦点。

我猜我不得不踢这个功能使用JavaScript和接收特定字段更新时的jQuery。

Example

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");

})