How to stay keyframe of animation in css ?

Question

If we make an keyframe to transform a rectangle , from x=0px to x=100px . After starting animation object starts moving and after the animation ends it returns to the original position of it i.e x=0px.
Please tell me how to stay on last keyframe of animation i.e x= 100px

Answer 1

#rect{
transform: translatex(100px);
}

Answer 2

https://code.sololearn.com/WXfLz23lwLeP/?ref=app