vue 怎么实现箭头向右滚动渐隐呢？

Question

效果如下图所示：
这三个箭头依次向右滚动，而这三个我用的是背景图，分别加在span标签上，那么怎么实现最方便呢？

HTML: <div class="arrowDiv" v-show="showArrowDiv">
          <span></span>
          <span></span>
          <span></span>
        </div>

Answer 1

调整opacity 加 filter用font 直接调整color渐变