小编Nim*_*esh的帖子

我需要帮助在 Bootstrap 4 中制作卡片动画。

我有 4 个卡盒，如下图所示，这是一个简单的引导 4 卡牌，带有 4 个卡盒。

每当用户滚动到此部分时，我都会尝试从右侧一一滑动每个框。如何实现？

我不想制作滑块/旋转木马。

作为参考，请检查此codepen

4个盒子每个需要来自右边。在 codepen 中，以上所有内容都是从左侧立即出现的。当用户滚动到该部分时，我需要从右侧逐一获取它。

这是我正在使用的 boostrap 4 卡的代码

       <!-- Card Row starts here -->
   <div class="card-deck ">
      <div class="card card-detail card-text1">
         <img class="card-img-top img-fluid" src="images/Analytics.png" alt="Card image cap">
         <div class="card-body">
            <h5 class="card-title text-center">Analytics</h5>
            <p class="card-text text-center text-justify ">Our amazing tracking platform allows you to view in-depth analytics for your traffic as well as our dashboard provides proprietary reporting with actionable statistics to analyze and optimize your …