HTML & CSS: Zoom transition Class

gistfile1.html

<style type="text/css">
.zoom { 
   width: 200px; padding: 5px; border: 1px solid black; 
   -webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out; 
   -o-transition: all .3s ease-out; 
   transition: all .3s ease-out;
}
.zoom:hover { 
   -moz-transform: scale(2);
   -webkit-transform: scale(2);
   -o-transform: scale(2);
   transform: scale(2);
   -ms-transform: scale(2);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
   M11=2, M12=-0, M21=0, M22=2);
   }
</style>

<div class="zoom">
   Div content here
</div>