For example, I have this code snippet:
@-webkit-keyframes anim {
0% {
-webkit-transform: translate(-100px,0px) rotate(5deg);
}
50% {
-webkit-transform: translate(-140px,-5px) rotate(10deg);
}
100% {
-webkit-transform: translate(200px,-30px) rotate(40deg);
}
}
Is there a way to determine the exact moment when the animation reaches the 50% mark? Simply detecting when it ends doesn't provide the precise information needed.
One possible approach could be timing the animation since it lasts for 3 seconds, but that method may not be entirely reliable.
Any suggestions or insights would be greatly appreciated. Thank you!