过渡延迟不与纳克级的工作

Question

我有一个按钮的字体真棒图标，它切换fa-search和fa-spinner之间的图标，ng-class（当用户键入的东西在相应的输入，它会尝试自动完成，运行的AJAX请求，并显示微调）：

<button type="submit" class="btn btn-primary"> 
    <i id="metasearch-icon" style="width: 15px;" ng-class="['fa', {'fa-spinner fa-pulse': loadingLocations, 'fa-search': !loadingLocations}]"></i> 
    <span class="hidden-xs-inline">Search</span> 
</button> 

然而，这个实现它闪烁太快了，我想至少0.25秒显示微调。因此，我想介绍一个transition-delay，但它不起作用：

#metasearch-icon.fa-spinner-add, 
#metasearch-icon.fa-spinner-remove { 
    transition-delay: 0.25s !important; 
    transition: 1s linear all !important; 
    background: red !important; 
}; 

我在做什么错？

Answer 1

声明转换后，将属性transition-delay。

#metasearch-icon.fa-spinner-add, 
#metasearch-icon.fa-spinner-remove { 
    transition: 1s linear all !important; 
    transition-delay: 0.25s !important; 
    background: red !important; 
};