GSAP scroll slide [HTML]
Fri Feb 16 2024 09:08:03 GMT+0000 (Coordinated Universal Time)
Saved by @homunculus #html #gsap
<div class="side-scroll-container container"> <div class="side-scroll-list-wrapper"> <ul class="side-scroll-list"> <li class="side-scroll-item"> <div class="side-scroll-item-img"> <!-- img src removed --> </div> <div class="side-scroll-item-text"><!-- Text removed --></div> </li> <li class="side-scroll-item"> <div class="side-scroll-item-img"> <!-- img src removed --> </div> <div class="side-scroll-item-text"><!-- Text removed --></div> </li> <li class="side-scroll-item"> <div class="side-scroll-item-img"> <!-- img src removed --> </div> <div class="side-scroll-item-text"><!-- Text removed --></div> </li> <li class="side-scroll-item"> <div class="side-scroll-item-img"> <!-- img src removed --> </div> <div class="side-scroll-item-text"><!-- Text removed --></div> </li> <li class="side-scroll-item"> <div class="side-scroll-item-img"> <!-- img src removed --> </div> <div class="side-scroll-item-text"><!-- Text removed --></div> </li> <li class="side-scroll-item"> <div class="side-scroll-item-img"> <!-- img src removed --> </div> <div class="side-scroll-item-text"><!-- Text removed --></div> </li> <li class="side-scroll-item"> <div class="side-scroll-item-img"> <!-- img src removed --> </div> <div class="side-scroll-item-text"><!-- Text removed --></div> </li> <li class="side-scroll-item"> <div class="side-scroll-item-img"> <!-- img src removed --> </div> <div class="side-scroll-item-text"><!-- Text removed --></div> </li> <li class="side-scroll-item"> <div class="side-scroll-item-img"> <!-- img src removed --> </div> <div class="side-scroll-item-text"><!-- Text removed --></div> </li> </ul> </div> <ul class="side-scroll-status"> <li class="side-scroll-status-item current"><span>1</span></li> <li class="side-scroll-status-item"><span>2</span></li> <li class="side-scroll-status-item"><span>3</span></li> <li class="side-scroll-status-item"><span>4</span></li> <li class="side-scroll-status-item"><span>5</span></li> <li class="side-scroll-status-item"><span>6</span></li> <li class="side-scroll-status-item"><span>7</span></li> <li class="side-scroll-status-item"><span>8</span></li> <li class="side-scroll-status-item"><span>9</span></li> </ul> </div>
Comments