कैसे बनाएं: स्थारांकित स्क्रॉलिंग छवि ग्राहक

CSS के द्वारा स्थारांकित स्क्रॉलिंग छवि ग्राहक बनाना सीखें。

स्थारांकित स्क्रॉलिंग छवि ग्राहक बनाएं

पहला कदम - HTML जोड़ें:

<div class="scroll-container">
  <img src="img_5terre.jpg" alt="Cinque Terre">
  <img src="img_forest.jpg" alt="Forest">
  <img src="img_lights.jpg" alt="Northern Lights">
  <img src="img_mountains.jpg" alt="Mountains">
</div>

दूसरा कदम - CSS जोड़ें:

div.scroll-container {
  background-color: #333;
  overflow: auto;
  white-space: nowrap;
  padding: 10px;
}
div.scroll-container img {
  padding: 10px;
}

स्वयं प्रयोग करें

संबंधित पृष्ठ

तत्विका:HTML इमेज

तत्विका:CSS छवि शैली नियत