body {
  background:rgb(180,190,200);
}
@-webkit-keyframes moveright {
  0% {background-position:6px 0;}
  100% {background-position:30px 0;}
}
@-webkit-keyframes movedown {
  0% {background-position:0 0;}
  100% {background-position:0 24px;}
}
@-webkit-keyframes moveleft {
  0% {background-position:-18px 0;}
  100% {background-position:-42px 0;}
}
@-webkit-keyframes moveup {
  0% {background-position:0 -12px;}
  100% {background-position:0 -36px;}
}
section, section:before, section * {
  position:absolute;
}
section {
  width:84px;
  height:84px;
  margin:-60px 0 0 -42px;
  left:50%;
  top:50%;
}
section:before {
  content:url('m.png');
}
section:before, strong {
  z-index:1;
}
strong {
  width:100%;
  height:100%;
  background:url('a.png') no-repeat 50% 50%;
  text-indent:-8000px;
}
span {
  -webkit-animation-duration:.8s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
}
span:nth-child(odd) {
  width:100%;
  height:6px;
  background:url('h.png');
}
span:nth-child(even) {
  width:6px;
  height:100%;
  background:url('v.png');
}
span:nth-child(1) {
  -webkit-animation-name:moveright;
}
span:nth-child(2) {
  right:0;
  -webkit-animation-name:movedown;
}
span:nth-child(3) {
  bottom:0;
  -webkit-animation-name:moveleft;
}
span:nth-child(4) {
  -webkit-animation-name:moveup;
}