diff --git a/examples/style.mobile.css b/examples/style.mobile.css
index 4d4b4703ab..1b7244d420 100644
--- a/examples/style.mobile.css
+++ b/examples/style.mobile.css
@@ -43,7 +43,7 @@ div.olControlZoom a:hover {
         background: rgba(0, 60, 136, 0.5);
     }
 }
-.olTileImage {
+.olLayerGridTile .olTileImage {
     -webkit-transition: opacity 0.2s linear;
     -moz-transition: opacity 0.2s linear;
     -o-transition: opacity 0.2s linear;
diff --git a/theme/default/style.css b/theme/default/style.css
index 090be08b5e..16c4a9fa6f 100644
--- a/theme/default/style.css
+++ b/theme/default/style.css
@@ -476,7 +476,7 @@ a.olControlZoomOut {
  * Animations
  */
 
-.olTileImage {
+.olLayerGridTile .olTileImage {
     -webkit-transition: opacity 0.2s linear;
     -moz-transition: opacity 0.2s linear;
     -o-transition: opacity 0.2s linear;