Index: src/site/samples/raf/example/animations.css |
diff --git a/src/site/samples/raf/example/animations.css b/src/site/samples/raf/example/animations.css |
new file mode 100644 |
index 0000000000000000000000000000000000000000..9cf8cef591de524b9e8ec06ae54ac077be1fc24b |
--- /dev/null |
+++ b/src/site/samples/raf/example/animations.css |
@@ -0,0 +1,22 @@ |
+/* |
+ Copyright (c) 2012, the Dart project authors. Please see the AUTHORS file |
+ for details. All rights reserved. Use of this source code is governed by a |
+ BSD-style license that can be found in the COPYING file. |
+*/ |
+ |
+.mover { |
+ position: absolute; |
+ width: 100px; |
+ height: 100px; |
+ background: url(http://1-ps.googleusercontent.com/x/s.html5rocks-hrd.appspot.com/www.html5rocks.com/en/tutorials/speed/animations/particle.png.pagespeed.ce.jWkhaHzlBa.png) center no-repeat; |
+ left: 90%; |
+ -webkit-transition: left 1.3s ease-out; |
+ -moz-transition: left 1.3s ease-out; |
+ -ms-transition: left 1.3s ease-out; |
+ -o-transition: left 1.3s ease-out; |
+ transition: left 1.3s ease-out; |
+} |
+ |
+.mover.left { |
+ left: 10%; |
+} |