Sliding Image - Documentation | Front - Multipurpose Responsive Template

Basic example

Preview
HTML

              
                <div class="sliding-img">
                  <div class="sliding-img-frame-to-start" style="background-image: url(../assets/img/others/img1.png);" data-hs-theme-appearance="default"></div>
                  <div class="sliding-img-frame-to-start" style="background-image: url(../assets/img/others/img1-dark.png);" data-hs-theme-appearance="dark"></div>
                </div>

Slide to right direction

Preview
HTML

              
                <div class="sliding-img">
                  <div class="sliding-img-frame-to-end" style="background-image: url(../assets/img/others/img2.png);" data-hs-theme-appearance="default"></div>
                  <div class="sliding-img-frame-to-end" style="background-image: url(../assets/img/others/img2-dark.png);" data-hs-theme-appearance="dark"></div>
                </div>