Html 离子液体中离子滑盒的衰减效应

我使用ion幻灯片框在应用程序主页上显示幻灯片， 但我找不到离子滑盒的褪色效果

我已经使用了下面的代码来显示幻灯片，请建议我如何添加淡入淡出效果的离子幻灯片框。（爱奥尼亚版本-1.7.15）

这里有一些内容
文本内容
文本内容
文本内容
文本内容
其他内容在这里

请帮我解决这个问题

        <ion-view>
           <ion-content>
                 <div class="top-icons">
                    <div class="row paddings">
                     Some content are here
                    </div>
                 </div>

                 <div class="slider-container">
                    <ion-slide-box show-pager="true" does-continue="true" auto-play="true" slide-interval="5000">
                       <ion-slide class="slider-res">
                          <img src="image/slider/img1.jpg" />
                          <div class="slider-text">Text Content</div>
                       </ion-slide>
                       <ion-slide  class="slider-res">
                          <img src="image/slider/img2.jpg" />
                          <div class="slider-text">Text Content</div>
                       </ion-slide>
                       <ion-slide  class="slider-res">
                          <img src="image/slider/img3.jpg" />
                          <div class="slider-text">Text Content</div>
                       </ion-slide>
                       <ion-slide  class="slider-res">
                          <img src="image/slider/img4.png" />
                          <div class="slider-text">Text Content</div>
                       </ion-slide>
                    </ion-slide-box>
                </div>
                <div>
                Other Content are here
                </div>
        </ion-content>
        </ion-view>