<div class="timing-function-box"></div>
<style>
.timing-function-box {
width: 100px;
height: 100px;
background-color: pink;
animation: timingFunction 4s ease-in-out infinite;
}
@keyframes timingFunction {
0% { transform: translateY(0); }
50% { transform: translateY(200px); }
100% { transform: translateY(0); }
}
</style>