Aylantiriladigan rasmlar galereyasi
CSS yordamida gorizontal aylantirish paneliga ega rasmlar galereyasini yaratishni o‘rganing.
Gorizontal aylantiriladigan rasmlar galereyasi
Boshqa rasmlarni ko‘rish uchun gorizontal aylantirish panelidan foydalaning:
Gorizontal aylantiriladigan rasmlar galereyasini yaratish
1-qadam) HTML qo‘shing:
Misol
<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>
2-qadam) CSS qo‘shing:
Misol
div.scroll-container {
background-color: #333;
overflow: auto;
white-space: nowrap;
padding: 10px;
}
div.scroll-container img {
padding: 10px;
}
O‘zingiz sinab ko‘ring »
Maslahat: Rasmlar haqida ko‘proq bilish uchun HTML rasmlar darsligimizga o‘ting.
Maslahat: Rasmlarga qanday uslub berish haqida ko‘proq bilish uchun CSS’da rasmlarga uslub berish darsligimizga o‘ting.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!