title: GWT : set style property to element
body: <p>In order to scale elements in my div, I'm using this css (<a href="http://jsfiddle.net/BWPCX/" rel="nofollow">JSFiddle Example here</a>):</p>
  
  <pre><code>.scaled {
      transform: scale(0.5);
      -ms-transform: scale(0.5); /* IE 9 */
      -webkit-transform: scale(0.5); /* Safari and Chrome */
      -o-transform: scale(0.5); /* Opera */
      -moz-transform: scale(0.5); /* Firefox */
      filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
          M11=0.5, M12=0,
          M21=0, M22=0.5);
  }
  </code></pre>
  
  <p>This is supported by all major browsers (including IE8).</p>
  
  <p>Now when I try to apply this css dynamically in GWT:</p>
  
  <pre><code>public void setZoom(double val) {
      if (val != 1) {
          surface.getElement().getStyle().setProperty("transform", "scale(" + val + ")");
          surface.getElement().getStyle().setProperty("-ms-transform", "scale(" + val + ")");
          surface.getElement().getStyle().setProperty("-webkit-transform", "scale(" + val + ")");
          surface.getElement().getStyle().setProperty("-o-transform", "scale(" + val + ")");
          surface.getElement().getStyle().setProperty("-moz-transform", "scale(" + val + ")");
          surface.getElement().getStyle()
                  .setProperty("filter", "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=" + val + ", M12=0,M21=0, M22=" + val + ")");
      }
  
  }
  </code></pre>
  
  <p>I get the following error:</p>
  
  <pre><code>Caused by: java.lang.AssertionError: The style name '-ms-transform' should be in camelCase format
      at com.google.gwt.dom.client.Style$.assertCamelCase$(Style.java:1603)
      at com.google.gwt.dom.client.Style$.setProperty$(Style.java:1512)
  </code></pre>
  
  <p>How can I set these browser dependent styles dynamically in GWT? (especially IE's filter..)</p>