css3关键帧动画在变换转换中暂停

Question

我试图为一个开箱即用的人（角色）设置动画，然后从左侧翻译到框的中间并将其翻译为Y以上下移动（看起来应该是飞行问题区域）两次并再次转换到右侧。我正在使用关键帧来执行此操作以及执行动画的百分比。当人上下起伏（这应该像漂浮在空中飞行）。但是当它达到最大位置并返回到最小位置时需要暂停。

请告诉我如何删除暂停，使其看起来很流畅。

我的关键帧

  @-webkit-keyframes flyCharacter {

        30% {
            transform: translateX(-180%) translateY(-70%);
        }

        /*49.9%{transform: translateX(-180%) translateY(-65%);}*/

        50% {
            transform: translateX(-180%) translateY(-65%);
        }

        /*69.9%{transform: translateX(-180%) translateY(-69%);}*/
        70% {
            transform: translateX(-180%) translateY(-70%);
        }
        90% {
            transform: translateX(-180%) translateY(-65%);
        }

        100% {
            transform: translateX(-310%) translateY(-150%);
        }
    }

在角色的第一个位置是左边：100％

请在我做错的地方纠正我。我需要它顺利。