javascript - 突出显示背景颜色淡入/淡出的区域

Question

您好，我想强调一下.small。无法添加 jQuery UI，例如无法使用.animate。

HTML

<span class="small">10 left</span>

jQuery

$(".small").css("background-color","orange");

问题:如何在此处添加背景颜色橙色并使其 .fadeOut() ？下面这个不行吗？只想淡出背景颜色，没有别的。

$(".small").css("background-color","orange").fadeOut();

Answer 1

你可以使用CSS动画来做到这一点

请参阅下面的代码片段

span {
  background-color:orange;
  animation-name:bckanim;
  animation-fill-mode:forwards;
  animation-duration:3s;
  animation-delay:0s;
}
@keyframes bckanim {
  0% {background-color:orange;}
  100% { background-color:transparent;}
}

<span class="small">10 left</span>