In these keyframes, what easing function governs the segment of the animation between 30% and 100%?

@keyframes move { 0% { left: 0; animation-timing-function: ease-out; } 30% { left: 100px; animation-timing-function: steps(2); } 100% { left: 300px; } } .box { animation: move 3s ease-in; }