.div1 {
  text-align:center;

  width:300px;
  height:400px;
  background-color:#ffffbb;
  transition:background-color 1.5s;
  transition-timing-function:ease;
}
.div1:hover {
  background-color:#000000;
}

.div2 {
  transition:margin-top 2s;
  transition-timing-function:ease;
  text-align:center;
  width:300px;
  height:400px;
  background-color:#bb00bb;
  z-index:2;
}
.div2:hover {
  margin-top:50px;
}
.pink {
  position:absolute;
  top: 495px;
  left: 130px;
  color:#bb00bb;
}

.div3 {
  text-align:center;
  width:300px;
  height:400px;
  background-color:#000000;
  transition:background-color 0.5s;
  transition-timing-function:linear;
}
.div3:hover {
  background-color:#ffffff;
}

.div4 {
  text-align:center;
  width:300px;
  height:400px;
  background-color:#777777;
  transition:background-color 6s;
  transition-timing-function:ease;
}
.div4:hover {
  background-color:#665634;
}

.div5 {
  transition:margin-left 0.3s;
  transition-timing-function:ease;
  text-align:center;
  width:300px;
  height:400px;
  background-color:#555555;
  z-index:2;
}
.div5:hover {
  margin-left:150px;
}
.blue {
  position:absolute;
  top: 1950px;
  left: 12px;
  color:#555555;
}

.div6 {
  text-align:center;
  width:300px;
  height:400px;
  background-color:#ffff00;
  transition:background-color 2.5s;
  transition-timing-function:ease;
}
.div6:hover {
  background-color:#552233;
}

.div7 {
  transition:margin-left 0.9s;
  transition-timing-function:ease;
  text-align:center;
  width:300px;
  height:400px;
  background-color:#821282;
  z-index:2;
}
.div7:hover {
  margin-left:80px;
  margin-top:80px;
}
.orange {
  position:absolute;
  top: 2600px;
  left: 12px;
  color:#821282;
}

.div8 {
  text-align:center;

  width:300px;
  height:400px;
  background-color:#0000ff;
  transition:background-color 1.5s;
  transition-timing-function:ease;
}
.div8:hover {
  background-color:#ffff00;
}

@keyframes myAnimation {
  from { color: #ff0000; }
  to { color: #000000; }
  to { color: #0000ff; }
}
.div00 {
  animation-name:myAnimation;
  animation-duration:12s;
}