* { margin: 0; padding: 0; }

figure { 
  float: left; 
  transform-origin: 0 0;
  margin: 10px; 
  -webkit-transform: rotate(5deg) scale(0.25); 
  -moz-transform: rotate(5deg) scale(0.25);
  -webkit-transition: all 0.7s ease; 
  -moz-transition: all 1s ease;
  position: relative;
}
figure div { width:50px; height:100px; float:none;}

figure img { border: 2px solid black; box-shadow: 0 3px 10px #aaa; }

figure:hover  {
    transform-origin: 0 0;
    -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
    z-index: 9999;
}

figure:focus  {
    outline: none;
    transform-origin: 0 0;
    z-index: 9999;
}

figure_10p { 
  float: left; 
  transform-origin: 0 0;
  margin: 10px; 
  -webkit-transform: rotate(5deg) scale(0.10); 
  -moz-transform: rotate(5deg) scale(0.10);
  -webkit-transition: all 0.7s ease; 
  -moz-transition: all 1s ease;
  position: relative;
}
figure_10p div { width:25px; height:50px; float:none;}

figure_10p:hover  {
    transform-origin: 0 0;
    -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
    z-index: 9999;
}

figure_10p:focus  {
    outline: none;
    transform-origin: 0 0;
    z-index: 9999;
}