Question

我有一个背景颜色为亮绿色的链接，我试图让背景在间隔后变为银色以产生闪烁效果。有没有办法使用CSS，因为我不能使用JavaScript？

Answer 1

你可以使用下面的css来做到这一点。

这是小提琴 DEMO

<div class="blinkdiv">
</div>

<强> CSS

@-webkit-keyframes blackWhite {  
  0% { background-color: red; }
  50% { background-color: red; }
  51% { background-color: black; }
  100% { background-color: black; }
}

@-webkit-keyframes blackWhiteFade {  
  0% { background-color: red; }
  50% { background-color: black; }
  100% { background-color: red; }
}

.blinkdiv {
    height: 100px;
    background-color: black;
  -webkit-animation-name: blackWhite;
  /* -webkit-animation-name: blackWhiteFade; */
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-duration: 2s; 
}

希望这就是你要找的东西。

根据您的要求

Updated Fiddle

使用CSS经常进行背景颜色更改

1 个答案: