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

• Z时代
• 2024-01-10
• 分类：技术分享

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

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

回答：

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

回答：

rgba, 调整opacity即可。

回答：

http://jsrun.net/3ChKp/edit

三个或者四个去实现，位置的变化，透明度的变化

回答：

gif图 最方便

以上是 【CSS】vue 怎么实现箭头向右滚动渐隐呢？ 的全部内容， 来源链接： utcz.com/a/154120.html