Rene Margritte...

dabblet.css

/**
 * Rene Margritte...
 * The HTMl is ugly, but the CSS is small and easy to understand
 * I could have gone for nicer HTML, but that would have had some
 * impact on the CSS. The HTML was destined to be large, so I choose
 * to make it ugly and large instead of making it large and nice and
 * making the CSS ugly and large.
 */
 
 /*
I used a little Python code to generate the HTML, here it is...

imageWidth = 640;
imageHeight = 533
verticalDivider = 41
horizontalDivider = 64
print '<div id="image">'
for verticalDiv in range(imageHeight / verticalDivider):
	print '<!-- row %d -->' % (verticalDiv + 1)
	for horizontalDiv in range(imageWidth / horizontalDivider):
		print '<div class="part" style="background-position: -%dpx -%dpx;left: %dpx;top: %dpx;"></div>' % ((horizontalDiv * horizontalDivider), (verticalDiv * verticalDivider), (horizontalDiv * horizontalDivider), (verticalDiv * verticalDivider))
		print '<div class="back" style="background-position: -%dpx -%dpx;left: %dpx;top: %dpx;"></div>' % ((horizontalDiv * horizontalDivider), (verticalDiv * verticalDivider), (horizontalDiv * horizontalDivider), (verticalDiv * verticalDivider))
print '</div>'
  
*/
 
 @keyframes wobble {
  0% { transform:rotate(0deg)}
  25%{ transform:rotate(4deg)}
  50% { transform:rotate(0deg)}
  75% { transform:rotate(-4deg)}
  100% { transform:rotate(0deg)}
  }
 
#image {
  background-image: url(http://www.nielsdoorn.nl/wp-content/uploads/2012/01/magritte_rene2.jpg);
  width: 640px;
  height: 533px;
  position:absolute;
  top:50px;
  left: 10px;
}

.part, .back {
  float:left;
  width: 64px;
  height: 41px;
  position: absolute;
}

.part {
  border-radius:50%;
  background-image: url(http://www.nielsdoorn.nl/wp-content/uploads/2012/01/magritte_rene2.jpg);
  transition: transform 0.2s linear;
  animation-name: wobble;    
  animation-iteration-count: infinite;  
  animation-timing-function: linear;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

.back {
  background-image: url(http://www.nielsdoorn.nl/wp-content/uploads/2012/01/La-Clairvoyance.jpg);
  transform-style: preserve-3d;	
  backface-visibility: hidden;
  transition: transform 2s linear;
  transform:rotateY(180deg);
}
  
#image:hover .back {
  transform:rotateY(0deg);
}

dabblet.html

<!-- This HTML is generated -->
<div id="image">
<!-- row 1 -->
<div class="part" style="background-position: -0px -0px;left: 0px;top: 0px;"></div>
<div class="back" style="background-position: -0px -0px;left: 0px;top: 0px;"></div>
<div class="part" style="background-position: -64px -0px;left: 64px;top: 0px;"></div>
<div class="back" style="background-position: -64px -0px;left: 64px;top: 0px;"></div>
<div class="part" style="background-position: -128px -0px;left: 128px;top: 0px;"></div>
<div class="back" style="background-position: -128px -0px;left: 128px;top: 0px;"></div>
<div class="part" style="background-position: -192px -0px;left: 192px;top: 0px;"></div>
<div class="back" style="background-position: -192px -0px;left: 192px;top: 0px;"></div>
<div class="part" style="background-position: -256px -0px;left: 256px;top: 0px;"></div>
<div class="back" style="background-position: -256px -0px;left: 256px;top: 0px;"></div>
<div class="part" style="background-position: -320px -0px;left: 320px;top: 0px;"></div>
<div class="back" style="background-position: -320px -0px;left: 320px;top: 0px;"></div>
<div class="part" style="background-position: -384px -0px;left: 384px;top: 0px;"></div>
<div class="back" style="background-position: -384px -0px;left: 384px;top: 0px;"></div>
<div class="part" style="background-position: -448px -0px;left: 448px;top: 0px;"></div>
<div class="back" style="background-position: -448px -0px;left: 448px;top: 0px;"></div>
<div class="part" style="background-position: -512px -0px;left: 512px;top: 0px;"></div>
<div class="back" style="background-position: -512px -0px;left: 512px;top: 0px;"></div>
<div class="part" style="background-position: -576px -0px;left: 576px;top: 0px;"></div>
<div class="back" style="background-position: -576px -0px;left: 576px;top: 0px;"></div>
<!-- row 2 -->
<div class="part" style="background-position: -0px -41px;left: 0px;top: 41px;"></div>
<div class="back" style="background-position: -0px -41px;left: 0px;top: 41px;"></div>
<div class="part" style="background-position: -64px -41px;left: 64px;top: 41px;"></div>
<div class="back" style="background-position: -64px -41px;left: 64px;top: 41px;"></div>
<div class="part" style="background-position: -128px -41px;left: 128px;top: 41px;"></div>
<div class="back" style="background-position: -128px -41px;left: 128px;top: 41px;"></div>
<div class="part" style="background-position: -192px -41px;left: 192px;top: 41px;"></div>
<div class="back" style="background-position: -192px -41px;left: 192px;top: 41px;"></div>
<div class="part" style="background-position: -256px -41px;left: 256px;top: 41px;"></div>
<div class="back" style="background-position: -256px -41px;left: 256px;top: 41px;"></div>
<div class="part" style="background-position: -320px -41px;left: 320px;top: 41px;"></div>
<div class="back" style="background-position: -320px -41px;left: 320px;top: 41px;"></div>
<div class="part" style="background-position: -384px -41px;left: 384px;top: 41px;"></div>
<div class="back" style="background-position: -384px -41px;left: 384px;top: 41px;"></div>
<div class="part" style="background-position: -448px -41px;left: 448px;top: 41px;"></div>
<div class="back" style="background-position: -448px -41px;left: 448px;top: 41px;"></div>
<div class="part" style="background-position: -512px -41px;left: 512px;top: 41px;"></div>
<div class="back" style="background-position: -512px -41px;left: 512px;top: 41px;"></div>
<div class="part" style="background-position: -576px -41px;left: 576px;top: 41px;"></div>
<div class="back" style="background-position: -576px -41px;left: 576px;top: 41px;"></div>
<!-- row 3 -->
<div class="part" style="background-position: -0px -82px;left: 0px;top: 82px;"></div>
<div class="back" style="background-position: -0px -82px;left: 0px;top: 82px;"></div>
<div class="part" style="background-position: -64px -82px;left: 64px;top: 82px;"></div>
<div class="back" style="background-position: -64px -82px;left: 64px;top: 82px;"></div>
<div class="part" style="background-position: -128px -82px;left: 128px;top: 82px;"></div>
<div class="back" style="background-position: -128px -82px;left: 128px;top: 82px;"></div>
<div class="part" style="background-position: -192px -82px;left: 192px;top: 82px;"></div>
<div class="back" style="background-position: -192px -82px;left: 192px;top: 82px;"></div>
<div class="part" style="background-position: -256px -82px;left: 256px;top: 82px;"></div>
<div class="back" style="background-position: -256px -82px;left: 256px;top: 82px;"></div>
<div class="part" style="background-position: -320px -82px;left: 320px;top: 82px;"></div>
<div class="back" style="background-position: -320px -82px;left: 320px;top: 82px;"></div>
<div class="part" style="background-position: -384px -82px;left: 384px;top: 82px;"></div>
<div class="back" style="background-position: -384px -82px;left: 384px;top: 82px;"></div>
<div class="part" style="background-position: -448px -82px;left: 448px;top: 82px;"></div>
<div class="back" style="background-position: -448px -82px;left: 448px;top: 82px;"></div>
<div class="part" style="background-position: -512px -82px;left: 512px;top: 82px;"></div>
<div class="back" style="background-position: -512px -82px;left: 512px;top: 82px;"></div>
<div class="part" style="background-position: -576px -82px;left: 576px;top: 82px;"></div>
<div class="back" style="background-position: -576px -82px;left: 576px;top: 82px;"></div>
<!-- row 4 -->
<div class="part" style="background-position: -0px -123px;left: 0px;top: 123px;"></div>
<div class="back" style="background-position: -0px -123px;left: 0px;top: 123px;"></div>
<div class="part" style="background-position: -64px -123px;left: 64px;top: 123px;"></div>
<div class="back" style="background-position: -64px -123px;left: 64px;top: 123px;"></div>
<div class="part" style="background-position: -128px -123px;left: 128px;top: 123px;"></div>
<div class="back" style="background-position: -128px -123px;left: 128px;top: 123px;"></div>
<div class="part" style="background-position: -192px -123px;left: 192px;top: 123px;"></div>
<div class="back" style="background-position: -192px -123px;left: 192px;top: 123px;"></div>
<div class="part" style="background-position: -256px -123px;left: 256px;top: 123px;"></div>
<div class="back" style="background-position: -256px -123px;left: 256px;top: 123px;"></div>
<div class="part" style="background-position: -320px -123px;left: 320px;top: 123px;"></div>
<div class="back" style="background-position: -320px -123px;left: 320px;top: 123px;"></div>
<div class="part" style="background-position: -384px -123px;left: 384px;top: 123px;"></div>
<div class="back" style="background-position: -384px -123px;left: 384px;top: 123px;"></div>
<div class="part" style="background-position: -448px -123px;left: 448px;top: 123px;"></div>
<div class="back" style="background-position: -448px -123px;left: 448px;top: 123px;"></div>
<div class="part" style="background-position: -512px -123px;left: 512px;top: 123px;"></div>
<div class="back" style="background-position: -512px -123px;left: 512px;top: 123px;"></div>
<div class="part" style="background-position: -576px -123px;left: 576px;top: 123px;"></div>
<div class="back" style="background-position: -576px -123px;left: 576px;top: 123px;"></div>
<!-- row 5 -->
<div class="part" style="background-position: -0px -164px;left: 0px;top: 164px;"></div>
<div class="back" style="background-position: -0px -164px;left: 0px;top: 164px;"></div>
<div class="part" style="background-position: -64px -164px;left: 64px;top: 164px;"></div>
<div class="back" style="background-position: -64px -164px;left: 64px;top: 164px;"></div>
<div class="part" style="background-position: -128px -164px;left: 128px;top: 164px;"></div>
<div class="back" style="background-position: -128px -164px;left: 128px;top: 164px;"></div>
<div class="part" style="background-position: -192px -164px;left: 192px;top: 164px;"></div>
<div class="back" style="background-position: -192px -164px;left: 192px;top: 164px;"></div>
<div class="part" style="background-position: -256px -164px;left: 256px;top: 164px;"></div>
<div class="back" style="background-position: -256px -164px;left: 256px;top: 164px;"></div>
<div class="part" style="background-position: -320px -164px;left: 320px;top: 164px;"></div>
<div class="back" style="background-position: -320px -164px;left: 320px;top: 164px;"></div>
<div class="part" style="background-position: -384px -164px;left: 384px;top: 164px;"></div>
<div class="back" style="background-position: -384px -164px;left: 384px;top: 164px;"></div>
<div class="part" style="background-position: -448px -164px;left: 448px;top: 164px;"></div>
<div class="back" style="background-position: -448px -164px;left: 448px;top: 164px;"></div>
<div class="part" style="background-position: -512px -164px;left: 512px;top: 164px;"></div>
<div class="back" style="background-position: -512px -164px;left: 512px;top: 164px;"></div>
<div class="part" style="background-position: -576px -164px;left: 576px;top: 164px;"></div>
<div class="back" style="background-position: -576px -164px;left: 576px;top: 164px;"></div>
<!-- row 6 -->
<div class="part" style="background-position: -0px -205px;left: 0px;top: 205px;"></div>
<div class="back" style="background-position: -0px -205px;left: 0px;top: 205px;"></div>
<div class="part" style="background-position: -64px -205px;left: 64px;top: 205px;"></div>
<div class="back" style="background-position: -64px -205px;left: 64px;top: 205px;"></div>
<div class="part" style="background-position: -128px -205px;left: 128px;top: 205px;"></div>
<div class="back" style="background-position: -128px -205px;left: 128px;top: 205px;"></div>
<div class="part" style="background-position: -192px -205px;left: 192px;top: 205px;"></div>
<div class="back" style="background-position: -192px -205px;left: 192px;top: 205px;"></div>
<div class="part" style="background-position: -256px -205px;left: 256px;top: 205px;"></div>
<div class="back" style="background-position: -256px -205px;left: 256px;top: 205px;"></div>
<div class="part" style="background-position: -320px -205px;left: 320px;top: 205px;"></div>
<div class="back" style="background-position: -320px -205px;left: 320px;top: 205px;"></div>
<div class="part" style="background-position: -384px -205px;left: 384px;top: 205px;"></div>
<div class="back" style="background-position: -384px -205px;left: 384px;top: 205px;"></div>
<div class="part" style="background-position: -448px -205px;left: 448px;top: 205px;"></div>
<div class="back" style="background-position: -448px -205px;left: 448px;top: 205px;"></div>
<div class="part" style="background-position: -512px -205px;left: 512px;top: 205px;"></div>
<div class="back" style="background-position: -512px -205px;left: 512px;top: 205px;"></div>
<div class="part" style="background-position: -576px -205px;left: 576px;top: 205px;"></div>
<div class="back" style="background-position: -576px -205px;left: 576px;top: 205px;"></div>
<!-- row 7 -->
<div class="part" style="background-position: -0px -246px;left: 0px;top: 246px;"></div>
<div class="back" style="background-position: -0px -246px;left: 0px;top: 246px;"></div>
<div class="part" style="background-position: -64px -246px;left: 64px;top: 246px;"></div>
<div class="back" style="background-position: -64px -246px;left: 64px;top: 246px;"></div>
<div class="part" style="background-position: -128px -246px;left: 128px;top: 246px;"></div>
<div class="back" style="background-position: -128px -246px;left: 128px;top: 246px;"></div>
<div class="part" style="background-position: -192px -246px;left: 192px;top: 246px;"></div>
<div class="back" style="background-position: -192px -246px;left: 192px;top: 246px;"></div>
<div class="part" style="background-position: -256px -246px;left: 256px;top: 246px;"></div>
<div class="back" style="background-position: -256px -246px;left: 256px;top: 246px;"></div>
<div class="part" style="background-position: -320px -246px;left: 320px;top: 246px;"></div>
<div class="back" style="background-position: -320px -246px;left: 320px;top: 246px;"></div>
<div class="part" style="background-position: -384px -246px;left: 384px;top: 246px;"></div>
<div class="back" style="background-position: -384px -246px;left: 384px;top: 246px;"></div>
<div class="part" style="background-position: -448px -246px;left: 448px;top: 246px;"></div>
<div class="back" style="background-position: -448px -246px;left: 448px;top: 246px;"></div>
<div class="part" style="background-position: -512px -246px;left: 512px;top: 246px;"></div>
<div class="back" style="background-position: -512px -246px;left: 512px;top: 246px;"></div>
<div class="part" style="background-position: -576px -246px;left: 576px;top: 246px;"></div>
<div class="back" style="background-position: -576px -246px;left: 576px;top: 246px;"></div>
<!-- row 8 -->
<div class="part" style="background-position: -0px -287px;left: 0px;top: 287px;"></div>
<div class="back" style="background-position: -0px -287px;left: 0px;top: 287px;"></div>
<div class="part" style="background-position: -64px -287px;left: 64px;top: 287px;"></div>
<div class="back" style="background-position: -64px -287px;left: 64px;top: 287px;"></div>
<div class="part" style="background-position: -128px -287px;left: 128px;top: 287px;"></div>
<div class="back" style="background-position: -128px -287px;left: 128px;top: 287px;"></div>
<div class="part" style="background-position: -192px -287px;left: 192px;top: 287px;"></div>
<div class="back" style="background-position: -192px -287px;left: 192px;top: 287px;"></div>
<div class="part" style="background-position: -256px -287px;left: 256px;top: 287px;"></div>
<div class="back" style="background-position: -256px -287px;left: 256px;top: 287px;"></div>
<div class="part" style="background-position: -320px -287px;left: 320px;top: 287px;"></div>
<div class="back" style="background-position: -320px -287px;left: 320px;top: 287px;"></div>
<div class="part" style="background-position: -384px -287px;left: 384px;top: 287px;"></div>
<div class="back" style="background-position: -384px -287px;left: 384px;top: 287px;"></div>
<div class="part" style="background-position: -448px -287px;left: 448px;top: 287px;"></div>
<div class="back" style="background-position: -448px -287px;left: 448px;top: 287px;"></div>
<div class="part" style="background-position: -512px -287px;left: 512px;top: 287px;"></div>
<div class="back" style="background-position: -512px -287px;left: 512px;top: 287px;"></div>
<div class="part" style="background-position: -576px -287px;left: 576px;top: 287px;"></div>
<div class="back" style="background-position: -576px -287px;left: 576px;top: 287px;"></div>
<!-- row 9 -->
<div class="part" style="background-position: -0px -328px;left: 0px;top: 328px;"></div>
<div class="back" style="background-position: -0px -328px;left: 0px;top: 328px;"></div>
<div class="part" style="background-position: -64px -328px;left: 64px;top: 328px;"></div>
<div class="back" style="background-position: -64px -328px;left: 64px;top: 328px;"></div>
<div class="part" style="background-position: -128px -328px;left: 128px;top: 328px;"></div>
<div class="back" style="background-position: -128px -328px;left: 128px;top: 328px;"></div>
<div class="part" style="background-position: -192px -328px;left: 192px;top: 328px;"></div>
<div class="back" style="background-position: -192px -328px;left: 192px;top: 328px;"></div>
<div class="part" style="background-position: -256px -328px;left: 256px;top: 328px;"></div>
<div class="back" style="background-position: -256px -328px;left: 256px;top: 328px;"></div>
<div class="part" style="background-position: -320px -328px;left: 320px;top: 328px;"></div>
<div class="back" style="background-position: -320px -328px;left: 320px;top: 328px;"></div>
<div class="part" style="background-position: -384px -328px;left: 384px;top: 328px;"></div>
<div class="back" style="background-position: -384px -328px;left: 384px;top: 328px;"></div>
<div class="part" style="background-position: -448px -328px;left: 448px;top: 328px;"></div>
<div class="back" style="background-position: -448px -328px;left: 448px;top: 328px;"></div>
<div class="part" style="background-position: -512px -328px;left: 512px;top: 328px;"></div>
<div class="back" style="background-position: -512px -328px;left: 512px;top: 328px;"></div>
<div class="part" style="background-position: -576px -328px;left: 576px;top: 328px;"></div>
<div class="back" style="background-position: -576px -328px;left: 576px;top: 328px;"></div>
<!-- row 10 -->
<div class="part" style="background-position: -0px -369px;left: 0px;top: 369px;"></div>
<div class="back" style="background-position: -0px -369px;left: 0px;top: 369px;"></div>
<div class="part" style="background-position: -64px -369px;left: 64px;top: 369px;"></div>
<div class="back" style="background-position: -64px -369px;left: 64px;top: 369px;"></div>
<div class="part" style="background-position: -128px -369px;left: 128px;top: 369px;"></div>
<div class="back" style="background-position: -128px -369px;left: 128px;top: 369px;"></div>
<div class="part" style="background-position: -192px -369px;left: 192px;top: 369px;"></div>
<div class="back" style="background-position: -192px -369px;left: 192px;top: 369px;"></div>
<div class="part" style="background-position: -256px -369px;left: 256px;top: 369px;"></div>
<div class="back" style="background-position: -256px -369px;left: 256px;top: 369px;"></div>
<div class="part" style="background-position: -320px -369px;left: 320px;top: 369px;"></div>
<div class="back" style="background-position: -320px -369px;left: 320px;top: 369px;"></div>
<div class="part" style="background-position: -384px -369px;left: 384px;top: 369px;"></div>
<div class="back" style="background-position: -384px -369px;left: 384px;top: 369px;"></div>
<div class="part" style="background-position: -448px -369px;left: 448px;top: 369px;"></div>
<div class="back" style="background-position: -448px -369px;left: 448px;top: 369px;"></div>
<div class="part" style="background-position: -512px -369px;left: 512px;top: 369px;"></div>
<div class="back" style="background-position: -512px -369px;left: 512px;top: 369px;"></div>
<div class="part" style="background-position: -576px -369px;left: 576px;top: 369px;"></div>
<div class="back" style="background-position: -576px -369px;left: 576px;top: 369px;"></div>
<!-- row 11 -->
<div class="part" style="background-position: -0px -410px;left: 0px;top: 410px;"></div>
<div class="back" style="background-position: -0px -410px;left: 0px;top: 410px;"></div>
<div class="part" style="background-position: -64px -410px;left: 64px;top: 410px;"></div>
<div class="back" style="background-position: -64px -410px;left: 64px;top: 410px;"></div>
<div class="part" style="background-position: -128px -410px;left: 128px;top: 410px;"></div>
<div class="back" style="background-position: -128px -410px;left: 128px;top: 410px;"></div>
<div class="part" style="background-position: -192px -410px;left: 192px;top: 410px;"></div>
<div class="back" style="background-position: -192px -410px;left: 192px;top: 410px;"></div>
<div class="part" style="background-position: -256px -410px;left: 256px;top: 410px;"></div>
<div class="back" style="background-position: -256px -410px;left: 256px;top: 410px;"></div>
<div class="part" style="background-position: -320px -410px;left: 320px;top: 410px;"></div>
<div class="back" style="background-position: -320px -410px;left: 320px;top: 410px;"></div>
<div class="part" style="background-position: -384px -410px;left: 384px;top: 410px;"></div>
<div class="back" style="background-position: -384px -410px;left: 384px;top: 410px;"></div>
<div class="part" style="background-position: -448px -410px;left: 448px;top: 410px;"></div>
<div class="back" style="background-position: -448px -410px;left: 448px;top: 410px;"></div>
<div class="part" style="background-position: -512px -410px;left: 512px;top: 410px;"></div>
<div class="back" style="background-position: -512px -410px;left: 512px;top: 410px;"></div>
<div class="part" style="background-position: -576px -410px;left: 576px;top: 410px;"></div>
<div class="back" style="background-position: -576px -410px;left: 576px;top: 410px;"></div>
<!-- row 12 -->
<div class="part" style="background-position: -0px -451px;left: 0px;top: 451px;"></div>
<div class="back" style="background-position: -0px -451px;left: 0px;top: 451px;"></div>
<div class="part" style="background-position: -64px -451px;left: 64px;top: 451px;"></div>
<div class="back" style="background-position: -64px -451px;left: 64px;top: 451px;"></div>
<div class="part" style="background-position: -128px -451px;left: 128px;top: 451px;"></div>
<div class="back" style="background-position: -128px -451px;left: 128px;top: 451px;"></div>
<div class="part" style="background-position: -192px -451px;left: 192px;top: 451px;"></div>
<div class="back" style="background-position: -192px -451px;left: 192px;top: 451px;"></div>
<div class="part" style="background-position: -256px -451px;left: 256px;top: 451px;"></div>
<div class="back" style="background-position: -256px -451px;left: 256px;top: 451px;"></div>
<div class="part" style="background-position: -320px -451px;left: 320px;top: 451px;"></div>
<div class="back" style="background-position: -320px -451px;left: 320px;top: 451px;"></div>
<div class="part" style="background-position: -384px -451px;left: 384px;top: 451px;"></div>
<div class="back" style="background-position: -384px -451px;left: 384px;top: 451px;"></div>
<div class="part" style="background-position: -448px -451px;left: 448px;top: 451px;"></div>
<div class="back" style="background-position: -448px -451px;left: 448px;top: 451px;"></div>
<div class="part" style="background-position: -512px -451px;left: 512px;top: 451px;"></div>
<div class="back" style="background-position: -512px -451px;left: 512px;top: 451px;"></div>
<div class="part" style="background-position: -576px -451px;left: 576px;top: 451px;"></div>
<div class="back" style="background-position: -576px -451px;left: 576px;top: 451px;"></div>
<!-- row 13 -->
<div class="part" style="background-position: -0px -492px;left: 0px;top: 492px;"></div>
<div class="back" style="background-position: -0px -492px;left: 0px;top: 492px;"></div>
<div class="part" style="background-position: -64px -492px;left: 64px;top: 492px;"></div>
<div class="back" style="background-position: -64px -492px;left: 64px;top: 492px;"></div>
<div class="part" style="background-position: -128px -492px;left: 128px;top: 492px;"></div>
<div class="back" style="background-position: -128px -492px;left: 128px;top: 492px;"></div>
<div class="part" style="background-position: -192px -492px;left: 192px;top: 492px;"></div>
<div class="back" style="background-position: -192px -492px;left: 192px;top: 492px;"></div>
<div class="part" style="background-position: -256px -492px;left: 256px;top: 492px;"></div>
<div class="back" style="background-position: -256px -492px;left: 256px;top: 492px;"></div>
<div class="part" style="background-position: -320px -492px;left: 320px;top: 492px;"></div>
<div class="back" style="background-position: -320px -492px;left: 320px;top: 492px;"></div>
<div class="part" style="background-position: -384px -492px;left: 384px;top: 492px;"></div>
<div class="back" style="background-position: -384px -492px;left: 384px;top: 492px;"></div>
<div class="part" style="background-position: -448px -492px;left: 448px;top: 492px;"></div>
<div class="back" style="background-position: -448px -492px;left: 448px;top: 492px;"></div>
<div class="part" style="background-position: -512px -492px;left: 512px;top: 492px;"></div>
<div class="back" style="background-position: -512px -492px;left: 512px;top: 492px;"></div>
<div class="part" style="background-position: -576px -492px;left: 576px;top: 492px;"></div>
<div class="back" style="background-position: -576px -492px;left: 576px;top: 492px;"></div>
</div>

settings.json

{"view":"separate","prefixfree":"1","page":"css"}