Skip to content

Instantly share code, notes, and snippets.

@dyazincahya

dyazincahya/slide-images.html

Created August 24, 2021 02:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dyazincahya/997bb6eef08ac439b803b232127e50c1 to your computer and use it in GitHub Desktop.
Save dyazincahya/997bb6eef08ac439b803b232127e50c1 to your computer and use it in GitHub Desktop.
Download ZIP
Simple slide image like app store web apple
Raw
slide-images.html
<!DOCTYPE html>
<html>
<head>
<style>
.slide-ss-mobile:before {
content: 'Screenshoot';
display: block;
margin-bottom : 15px;
text-transform : uppercase;
font-weight: bold;
}
.slide-ss-mobile {
padding: 15px;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
border: 1px solid #ccc;
white-space: nowrap;
}
.slide-ss-mobile img {
display: inline;
padding-right:5px
}
</style>
</head>
<body>
<div class="slide-ss-mobile">
<img src="https://raw.githubusercontent.com/dyazincahya/wsn/main/playstore-assets/screen%20capture/1.png" height="300" />
<img src="https://raw.githubusercontent.com/dyazincahya/wsn/main/playstore-assets/screen%20capture/1.png" height="300" />
<img src="https://raw.githubusercontent.com/dyazincahya/wsn/main/playstore-assets/screen%20capture/1.png" height="300" />
<img src="https://raw.githubusercontent.com/dyazincahya/wsn/main/playstore-assets/screen%20capture/1.png" height="300" />
<img src="https://raw.githubusercontent.com/dyazincahya/wsn/main/playstore-assets/screen%20capture/1.png" height="300" />
<img src="https://raw.githubusercontent.com/dyazincahya/wsn/main/playstore-assets/screen%20capture/1.png" height="300" />
<img src="https://raw.githubusercontent.com/dyazincahya/wsn/main/playstore-assets/screen%20capture/1.png" height="300" />
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment