<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>
li:nth-child(1){
  -webkit-animation:Font 15s infinite alternate;
}

li:nth-child(2){
  -webkit-animation:Border 15s infinite alternate;
}

li:nth-child(3){
  -webkit-animation:Background 15s infinite alternate;
}

/*list setup*/
li{
  list-style: none;
  float: left;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 20px;
  margin: 0 15px;
}

li:first-child{
  margin-left:0;
  padding-left:0;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.