I am trying to create a color transition effect on hover, where the background changes from yellow to red and then back to yellow in a loop. I'm having trouble figuring out how to make this transition repeat continuously. Do I need to incorporate JavaScript to achieve this? If so, could someone guide me on how to do it?
Here is a link to the code snippet I have been working on: https://jsfiddle.net/hg4s0tmp/1/
body {
background-color: #FF0;
padding: 15x;
font-family: "Helvetica Neue",sans-serif;
}
body:hover {
background-color: #AD310B;
-webkit-transition: background-color 1000ms linear;
-ms-transition: background-color 1000ms linear;
transition: background-color 1000ms linear;
animation-iteration-count: 3;
}