preserved spinner :)

icerao · Aug 9, 2012 · 07113b6 · 07113b6
1 parent 42356f7
commit 07113b6
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git a/examples/landmark-demo/client/landmark-demo.js b/examples/landmark-demo/client/landmark-demo.js
@@ -26,7 +26,7 @@ Template.redrawButtons.events = {
   }
 };
 
-Template.preserveDemo.preserve = [ '.keep' ];
+Template.preserveDemo.preserve = [ '.spinner' ];
 
 Template.preserveDemo.x =
 Template.constantDemo.x =

diff --git a/examples/landmark-demo/landmark-demo.css b/examples/landmark-demo/landmark-demo.css
@@ -1 +1,16 @@
 /* CSS declarations go here */
+
+@-webkit-keyframes spin {
+  from {-webkit-transform: rotate(0deg);}
+  to {-webkit-transform: rotate(360deg);}
+} 
+
+.spinner {
+  width: 100px;
+  background: #ccc;
+  text-align: center;
+  -webkit-animation-name: spin;
+  -webkit-animation-duration:2s;
+  -webkit-animation-iteration-count:infinite;
+  -webkit-animation-timing-function:linear;
+}
diff --git a/examples/landmark-demo/landmark-demo.html b/examples/landmark-demo/landmark-demo.html
@@ -20,7 +20,7 @@ <h1>Landmark demo</h1>
 <template name="preserveDemo">
   <h2>Simple element preservation</h2>
   X={{x}}<br>
-  <input type="text" class="keep"><br>
+  <div class="spinner">Wheeee</div><br>
   X={{x}}
 </template>