Create Image Slider with custom css slider Using pre Tag 😇

Create Image Slider with custom css slider Using pre Tag 😇

Tutorials Reference | Pre Tag

Create Image Slider Using </pre> Tag 

---

Before

---

---

---

After

---

---

Custom Scrollbar CSS Code

    
<style>
pre::-webkit-scrollbar {
  width: 5px;
}
 
pre::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
pre::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
</style>
    
  

---

A sample Code for Images

<pre style="overflow:auto;">
<img src="https://i.imgur.com/IORqLPK.jpg"><img src="https://i.imgur.com/zBTIHbX.jpg"><img src="https://i.imgur.com/DLMqYn3.jpg"><img src="https://i.imgur.com/QfLxm5q.jpg"><img src="https://i.imgur.com/pMCaZjm.jpg"><img src="https://i.imgur.com/PfHCSYo.jpg"><img src="https://i.imgur.com/IORqLPK.jpg"><img src="https://i.imgur.com/IORqLPK.jpg">
</pre>