关于云朵的消失和进入

.cloud.two{
    position: absolute;
    top: 100px;
    left: 300px;
    z-index: 9;
    opacity: .9;
    animation: cloud_one 5s linear infinite;
  }
  @keyframes cloud_one {
    from{
      left: 300px;
    }
    to{
      left: -300px
    }
  }

我知道是利用定位来做云朵动画，但是对于如何流畅连接运动的飘入和消失我没有思路，请老师指点一二。