引导上下文类之间的淡入淡出过渡

Question

我正在尝试更改引导程序4表行（table-danger）的背景。然后，缓慢地（1秒）使背景逐渐变回其原始颜色（白色）。

我得到的最接近的是添加该类，然后将其删除。但是，这会突然改变颜色。我希望背景颜色立即变成红色，然后逐渐淡入白色。

$('#row_1').addClass("table-danger") //Turn background red instantly
$('#row_1').removeClass("table-danger") //I want this to fade into a white background. Not just an immediate change.

这是一个小提琴 https://jsfiddle.net/gc85wfh9/8/

Answer 1

您需要为要更改的所有元素的background-color属性添加过渡。就您而言，到<tr>，<td>和<th> s。

.table th, 
.table td,
.table tr {
  transition: background-color 1s ease-in-out;
}

working看到它。