Reply To: Make CSS animations fade out when "un-hovered"

[Historical Forums User]

<div class="box"></div>
.box {
  width: 100px;
  height: 100px;
  background: red;
  position: relative;
  left: 0;
 }

.box:hover {
 animation:anim 5s;
-webkit-animation:anim 5s;
animation-iteration-count:infinite;
}

@keyframes anim {
  from { background:red;}
  to {background:blue;}

}

@-webkit-keyframes anim {
  from { background:red;}
  to {background:blue;}
}