CSS Animation - 2

OOPS only one of these will work.

by jshacker

HTML

<div class="turn rotate change"></div>

CSS

@keyframes change {
  0% {
    background-color: red;
  }
  100% {
    background-color: blue;
    border-radius: 50%;
  }
}

div {
  height: 100px;
  width: 100px;
  background-color: yellow;
}

.change {
  animation-name: change;
  animation-duration: 2s;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}