Use css transitions for tiles

2026-05-22 16:19:48 +02:00 · 2013-02-08 11:20:11 -05:00
parent 0b89df063f
commit 2e8e7ad1cc
2 changed files with 32 additions and 16 deletions
@@ -1,3 +1,26 @@
+/* tiles */
+img.tile {
+    position:absolute;
+    transform-origin:0 0;
+    -ms-transform-origin:0 0;
+    -webkit-transform-origin:0 0;
+    -moz-transform-origin:0 0;
+    -o-transform-origin:0 0;
+    -webkit-user-select: none;
+    -webkit-user-drag: none;
+    -moz-user-drag: none;
+
+    opacity: 0;
+
+    -webkit-transition: opacity 200ms linear;
+    transition: opacity 200ms linear;
+    -moz-transition: opacity 200ms linear;
+}
+
+img.tile-loaded {
+    opacity: 1;
+}
+
 /* base styles */
 path {
    fill: none;