Skip to content

Instantly share code, notes, and snippets.

@denim2x

denim2x/index.html

Created February 27, 2018 11:49
Show Gist options
  • Save denim2x/bec7ac22052993e66d56ec64d5c6a8f0 to your computer and use it in GitHub Desktop.
Save denim2x/bec7ac22052993e66d56ec64d5c6a8f0 to your computer and use it in GitHub Desktop.
Download ZIP
Web demo #1
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title> Demo </title>
<meta charset="UTF-8">
<style>
.slider img {
display: inline-block;
}
.slider {
width: 480px;
overflow: hidden;
/* height: 300px; */
white-space: nowrap;
}
.slider img {
transition: transform 4s;
}
.slider.move img {
transform: translateX(-480px);
}
</style>
</head>
<body>
<div class="slider move">
<img src="http://telegraph.co.uk/content/dam/Travel/galleries/travel/activityandadventure/The-worlds-most-beautiful-mountains/mountains-cerro_3374092a.jpg?imwidth=450"/>
<img src="http://telegraph.co.uk/content/dam/Travel/galleries/travel/activityandadventure/The-worlds-most-beautiful-mountains/mountains-Kirkjufe_3374110a.jpg?imwidth=450"/>
</div>
<header class="round">
<h1>Cristi & Nicu</h1>
<p class="desc">Dev team</p>
</header>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment