If you just want to write less code, use the shorthand.Īlternatively if you do not want a gradual transition between show and hide (e.g. If it's missing, it gets generated from the value you've set for the animated property ( opacity in this case) on the element, or if you haven't set it (and you haven't in this case), from the default value (which is 1 for opacity).Īnd please don't use just the WebKit version. The count to determinate if it is an even or an odd iteration starts at one.Īnimation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite blinker In addition, timing functions are also reversed for example, an ease-in animation is replaced with an ease-out animation when played in reverse. The game will only end because of an infinite loop if the infinite loop is required to be performed by the cards in the loop such as 3 oblivion rings with an empty battlefield. This does not end the game because of the shortcut rule. When playing in reverse, the animation steps are performed backward. The co,bo will then happen infinite times. The animation should reverse direction each cycle. Use the alternate value for animation-direction (and you don't need to add any keframes this way).

Alternate start infinite answer