テンプレート:テスト2/style.css

.rev1 {
  animation: rev1 5s linear infinite alternate;
}
@keyframes rev1 {
  0% {border-spacing:0;border-collapse:separate;border-radius:100px}
  100% {border-radius:0px}
}
.rev2a {
  animation: rev2a 5s ease-in infinite alternate;
}
.rev2b {
  animation: rev2b 5s ease-in infinite alternate;
}
.rev2c {
  animation: rev2c 5s ease-in infinite alternate;
}
.rev2d {
  animation: rev2d 5s ease-in infinite alternate;
}
.rev2e {
  animation: rev2e 5s ease-in infinite alternate;
}
@keyframes rev2a {
  0% {background-color:white}
  100% {background-color:red}
}
@keyframes rev2b {
  0% {background-color:blue}
  100% {background-color:red}
}
@keyframes rev2c {
  0% {background-color:green}
  100% {background-color:red}
}
@keyframes rev2d {
  0% {background-color:yellow}
  100% {background-color:red}
}
@keyframes rev2e {
  0% {background-color:black}
  100% {background-color:red}
}
.rev3 {
  animation: rev3 5s ease-in infinite alternate;
}
@keyframes rev3 {
  0% {color:transparent}
  100% {color:yellow}
}