Stop animation???

[rodrigopeixoto]

How do I make a stop in my animation?

already changed the infinite to 1 and did not work.

Can you help-me?

.stylie {
animation-name: stylie-transform-keyframes;
animation-duration: 2000ms;
animation-delay: 0ms;
animation-fill-mode: forwards;
animation-timing-function: linear;
animation-iteration-count: infinite;
transform-origin: 0 0;
}
@Keyframes stylie-transform-keyframes {
0% {transform:translateX(40px) translateY(437px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
100% {transform:translateX(447.5px) translateY(437px) rotate(0deg) translate(-50%, -50%);}
}

[jeremyckahn]

Hmm, that's strange, I can't reproduce the bug with the UI. Try manually changing this line:

animation-iteration-count: infinite;

To this:

animation-iteration-count: 1;