Getting rid of lines between rotated tiles

Applying the scale3d trick just to get rid of small pixel gap between rotated tiles.  This will be reworked soon with additional use of transforms.

examples/side-by-side.html

@@ -40,7 +40,7 @@
             </tr>
             <tr>
                 <td>Rotate:</td>
-                <td><code>Alt</code>+drag, <code>r</code> to reset (WebGL only)</td>
+                <td><code>Alt</code>+drag, <code>r</code> to reset</td>
             </tr>
             <tr>
                 <td>Brightness/contrast:</td>
@@ -63,7 +63,7 @@
                 <td><code>0</code> key</td>
             </tr>
         </table>
-        <p><b>Notes:</b> The two maps share the same center, resolution, rotation and layers.  Currently the DOM map does not support rotation.</p>
+        <p><b>Notes:</b> The two maps share the same center, resolution, rotation and layers.</p>
         <script src="loader.js?id=side-by-side" type="text/javascript"></script>
     </body>
 </html>

src/ol/renderer/dom/map.js

@@ -154,7 +154,7 @@ ol.renderer.dom.Map.prototype.handleRotationChanged = function() {
     return;
   }
   var rotation = map.getRotation() * 180 / Math.PI;
-  this.applyTransform_('rotate(' + rotation + 'deg)');
+  this.applyTransform_('rotate(' + rotation + 'deg) scale3d(1, 1, 1)');
 };