title: zooming content inside div using transform scale property
body: <p>I am trying to zoom contents of div(same behavior as browser zoom). After searching a lot I found css 3 transform scale property will full fill this requirement.
  The content is zooming when I increase the scale size but I am losing the contents of the div. overflow: hidden also didn't help. </p>
  
  <pre><code>var currentZoom = 1.0;
  
  $(document).ready(function () {
      $('#btn_ZoomIn').click(
          function () {
              currentZoom = currentZoom+0.04;
              var scaleString = "scale("+currentZoom+")";
              $('#divName').css("transform", scaleString);
          })
      $('#btn_ZoomOut').click(
          function () {
              //var scaleString = "scale("+currentZoom -= .1+")";
              currentZoom = currentZoom-0.04;
              var scaleString = "scale("+currentZoom+")";
              $('#divName').css("transform", scaleString);
          })
  
  });
  </code></pre>
  
  <p>Js fiddle link: <a href="http://jsfiddle.net/chaitut715/k4WsB/" rel="nofollow">http://jsfiddle.net/chaitut715/k4WsB/</a></p>