Index: third_party/polymer/v1_0/components-chromium/neon-animation/animations/reverse-ripple-animation.html |
diff --git a/third_party/polymer/v1_0/components-chromium/neon-animation/animations/ripple-animation.html b/third_party/polymer/v1_0/components-chromium/neon-animation/animations/reverse-ripple-animation.html |
similarity index 77% |
copy from third_party/polymer/v1_0/components-chromium/neon-animation/animations/ripple-animation.html |
copy to third_party/polymer/v1_0/components-chromium/neon-animation/animations/reverse-ripple-animation.html |
index e600cde51d2d6394403cbeda9a61df570a8d189b..d4f6cedbbf892f5a0873cd1469799ac4ee7ecc30 100644 |
--- a/third_party/polymer/v1_0/components-chromium/neon-animation/animations/ripple-animation.html |
+++ b/third_party/polymer/v1_0/components-chromium/neon-animation/animations/reverse-ripple-animation.html |
@@ -11,20 +11,18 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<link rel="import" href="../web-animations.html"> |
<!-- |
-`<ripple-animation>` scales and transform an element such that it appears to ripple from either |
-a shared element, or from a screen position, to full screen. |
+`<reverse-ripple-animation>` scales and transform an element such that it appears to ripple down from this element, to either |
+a shared element, or a screen position. |
If using as a shared element animation in `<neon-animated-pages>`, use this animation in an `exit` |
animation in the source page and in an `entry` animation in the destination page. Also, define the |
-hero elements in the `sharedElements` property (not a configuration property, see |
+reverse-ripple elements in the `sharedElements` property (not a configuration property, see |
`Polymer.NeonSharedElementAnimatableBehavior`). |
- |
If using a screen position, define the `gesture` property. |
- |
Configuration: |
``` |
{ |
- name: 'ripple-animation`. |
+ name: 'reverse-ripple-animation`. |
id: <shared-element-id>, /* set this or gesture */ |
gesture: {x: <page-x>, y: <page-y>}, /* set this or id */ |
timing: <animation-timing>, |
@@ -34,4 +32,4 @@ Configuration: |
``` |
--> |
-</head><body><script src="ripple-animation-extracted.js"></script></body></html> |
+</head><body><script src="reverse-ripple-animation-extracted.js"></script></body></html> |