@keyframes rotateDemo {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes colorChangeDemo {
  0% { background-color: #ff6b6b; }
  50% { background-color: #4ecdc4; }
  100% { background-color: #45b7d1; }
}
.multi-demo {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 20px auto;
  animation-name: rotateDemo, colorChangeDemo;
  animation-duration: 3s, 2s;
  animation-iteration-count: infinite;
}