[CSS] Basic animation

basic_animation.css

body
{
  font-family: sans-serif;
  color: #eee;
  background-color: #222;
}

a
{
  color: #ff9;
}

div
{
  width: 8em;
  font-weight: bold;
  text-align: center;
  padding: 0.5em 0;
  margin: 50px auto;
  color: #fff;
  background-color: #00c;
  border-radius: 3px;
  -webkit-animation: glow 3s ease-in-out infinite;
  animation: glow 3s ease-in-out infinite;
}

@-webkit-keyframes glow 
{
  50% { box-shadow: 0 0 20px #aaf; }
}

@keyframes glow 
{
  50% { box-shadow: 0 0 20px #aaf; }
}

basic_animation.html

<div>Animation</div>