Custom Emoji Range Slider snippet using HTML CSS &…

Loading…

Custom Emoji Range Slider snippet using HTML CSS &… | GoSnippets

Source Code

1<div class="wrapper">
2    <div class="section">
3      <ul class="emojis">
4         <li class="slide-emoji"><img src="https://i.imgur.com/07k6I7v.jpg" alt=""></li> 
5         <li><img src="https://i.imgur.com/lRxhp6u.jpg" alt=""></li> 
6         <li><img src="https://i.imgur.com/RUiZaOo.png" alt=""></li> 
7         <li><img src="https://i.imgur.com/JCmWQZj.jpg" alt=""></li> 
8         <li><img src="https://i.imgur.com/jpBXBvY.jpg" alt=""></li> 
9      </ul>
10    </div>
11    <div class="slider">
12      <div class="thumb"><span></span></div>
13      <div class="progress-bar"></div>
14      <input type="range" min="0" value="0" max="100">
15    </div>
16  </div>

Custom Emoji Range Slider snippet using HTML CSS &…

Source Code

More Carousels snippets

Comments(0)

Working in Tailwind? Explore our Tailwind gallery