Stereoscopic 3D image

stereoscopic-3D-image.html

<h1>Simple 3D effect</h1>
<div class="flip"></div>

style.css

.flip{
background:url(http://upload.wikimedia.org/wikipedia/commons/thumb/4/4e/Asiatic_hybrid_lilium_stereogram_flipped.jpg/800px-Asiatic_hybrid_lilium_stereogram_flipped.jpg);
  
  
  animation:flip 250ms steps(1, end) infinite;
  
  width:400px;
  height:453px;
}


@keyframes flip{
  0%{
    background-position:0 0;
  }
  50%{
    background-position:400px 0;
  }
}


body{
  font-family:Helvetica, sans-serif;
}