title: Scale of image with CSS3 animation
body: <p>I try to scale of image like light box. When run the size of image changed but with out animation. </p>
  
  <pre><code>&lt;div id="dnn_ctr428_ContentPane" class="img-rectangular"&gt;&lt;div id="dnn_ctr428_ModuleContent" class="DNNModuleContent ModDNNHTMLC"&gt;
      &lt;div id="dnn_ctr428_HtmlModule_lblContent" class="Normal"&gt;
      &lt;img alt="" src="/dnn_test/portals/0/Images/logo2.png?ver=1394-08-24-081741-293"&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.img-rectangular:hover img {
  
      width: 120%;
      height: 120%;
      -webkit-transition: width 2000ms ease-in-out;
      -moz-transition:    width 2000ms ease-in-out;
      -ms-transition:     width 2000ms ease-in-out;
      -o-transition:      width 2000ms ease-in-out;
      transition:         width 2000ms ease-in-out;
  }
  </code></pre>