Blinky Fish

by Jeremy Gillick

HTML

<ul>
  <li class="one"></li>
  <li class="two"></li>
  <li class="three"></li>
  <li class="four"></li>
  <li class="five"></li>
  <li class="one"></li>
  <li class="two"></li>
  <li class="three"></li>
  <li class="four"></li>
</ul>

CSS

ul { 
  list-style-type: none; 
  overflow: hidden;
  max-width: 300px;
}
li { 
  float: left; 
  width: 100px;
  height: 100px;
}

.one {
  background: #3997db;
}
.two {
  background: #52c452;
}
.three {
  background: #8e488e;
}
.four {
  background: #ea8c33;
}
.five {
  background: #e01a31;
}