Quick slides

by Michał Oręziak

HTML

<div id="slides-wrapper">
<div class="slide" id="slide0">
<h1>Earth</h1>
</div>
<div class="slide" id="slide1">
<h1>Moon</h1>
</div>
</div>

CSS

#slide0{
  background: url(http://wallpapers.ae/wp-content/uploads/2016/08/Abstract-Moon-Light-Picture.jpg);
}
#slide1{
  background: url(http://wallpaperswide.com/download/earth_sunrise_from_space-wallpaper-1920x1080.jpg);
}
.slide{
  color:white;
  width:100vw;
  height:100vh;
  background-size:contain;
  background-position:center center;
}