テンプレート:出ずる/style.css

.hov {
  color: white;
}
.hovobe {
  color: black;
}
.hov:hover {
  color: black;
}
.hovobe:hover {
  animation: hbound .3s ease infinite alternate;
}
@keyframes hbound {
  0% {transform: translateY(25px);color:red}
  100% {transform: translateY(-25px);color:blue}
}
.hovrl{animation: hrl .3s linear infinite alternate;}
@keyframes hrl {
  0% {transform: translateX(25px);}
  100% {transform: translateX(-25px);}
}
.hovrl:hover{animation-play-state: paused}