.starStyle { animation-name: starAnim; animation-duration: s; animation-timing-function: easelinearease-inease-outease-in-out; animation-iteration-count: ; animation-direction: normalreversealternatealternate-reverse; animation-play-state: runningpaused; } @keyframes starAnim { % { fill-opacity: 1.0; stroke-width: 0; } % { transform: translate(100px, 50px) } % { transform: translate(100px, 50px) rotate(180deg) } % { transform: translate(100px, 50px) rotate(360deg) } % { fill-opacity: 0.0; stroke-width: 6; } }