css anim

gistfile1.txt

.box {
  background: lightblue;
  width: 200px;
  height: 200px;
  margin: 20px auto;
  transition: transform .3s linear, background-color .6s ease-in-out;
  transform-origin: center;
  transform-style: preserve-3D;
}

.box-rotate {
  transform: rotateX(180deg) rotateY(360deg);
  background-color:darkblue;
}

button {
  display: block;
  margin: auto;
}