CSS实现上下浮动动画

lyrics项目里面自己设计首页需要当前视窗高度有一个箭头上下浮动的效果，按照如下方式实现：

  .home-row-foward {
    animation: heart 0.5s ease-in-out 2.7s infinite alternate;
    height: 30px;
    font-size: 25px;
    color: #1890ff;
    text-align: center;
    position: relative;
    bottom: 25px;
  }
  @keyframes heart {
    from {
      transform: translate(0, 0);
    }
    to {
      transform: translate(0, 15px);
    }
  }