CSS3/HTML5中的辉光动画效果

Question

是否有可能在不使用Flash或GIF的情况下在Web上的按钮和其他对象上创建类似的动画发光效果？

Answer 1

使用@keyframes.

你可以像这样制作一个脉冲动画.

#box {
  width:80px;
  height:80px;
  background:gray;
  animation:pulse 0.5s infinite alternate;
}

@keyframes pulse {
  from { box-shadow:0px 0px 10px 3px #0066cc; }
  to { box-shadow:0px 0px 20px 5px #0066cc; }
}

注意@keyframes应该是这样的前缀:@-webkit-keyframes.该animation物业也应该加上前缀