Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(2929)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: bower_components/core-animation/demo.html

Issue 786953007: npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Created 5 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « bower_components/core-animation/core-animation-group.html ('k') | bower_components/core-animation/index.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: bower_components/core-animation/demo.html
diff --git a/bower_components/core-animation/demo.html b/bower_components/core-animation/demo.html
deleted file mode 100644
index 72afddbc6717a9afc33965e866fda9727bf47250..0000000000000000000000000000000000000000
--- a/bower_components/core-animation/demo.html
+++ /dev/null
@@ -1,149 +0,0 @@
-<!--
- @license
- Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
- This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
- The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
- The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
- Code distributed by Google as part of the polymer project is also
- subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-<!DOCTYPE html>
-<html>
- <head>
- <title>core-animation</title>
- <script src="../platform/platform.js"></script>
- <link rel="import" href="core-animation.html">
- <link rel="import" href="core-animation-group.html">
-
-<!-- <link rel="import" href="polymer-blink.html">
- <link rel="import" href="polymer-bounce.html">
- <link rel="import" href="polymer-fadein.html">
- <link rel="import" href="polymer-fadeout.html">
- <link rel="import" href="polymer-flip.html">
- <link rel="import" href="polymer-shake.html">
- -->
- <style>
- body {
- text-align: center;
- font-family: Helvetica, sans-serif;
- }
- div#target {
- display: inline-block;
- background-color: dimgrey;
- border-radius: 5px;
- padding: 5px 10px;
- margin: 50px;
- font-size: 30px;
- color: white;
- }
- div.animations > * {
- display: inline-block;
- background-color: darkgrey;
- border-radius: 5px;
- padding: 5px 10px;
- margin: 5px;
- color: white;
- }
- </style>
- </head>
- <body>
-
- <div id="target">animated!</div>
-
- <div class="animations">
-
- <core-animation id="raw" duration="1000">
- raw
- <core-animation-keyframe>
- <core-animation-prop name="opacity" value="1">
- </core-animation-prop>
- </core-animation-keyframe>
- <core-animation-keyframe>
- <core-animation-prop name="opacity" value="0.3">
- </core-animation-prop>
- </core-animation-keyframe>
- <core-animation-keyframe>
- <core-animation-prop name="opacity" value="1">
- </core-animation-prop>
- </core-animation-keyframe>
- </core-animation>
-
- <core-animation-group type="seq">
- raw group
- <core-animation duration="300">
- <core-animation-keyframe>
- <core-animation-prop name="opacity" value="1">
- </core-animation-prop>
- </core-animation-keyframe>
- <core-animation-keyframe>
- <core-animation-prop name="opacity" value="0.3">
- </core-animation-prop>
- </core-animation-keyframe>
- <core-animation-keyframe>
- <core-animation-prop name="opacity" value="1">
- </core-animation-prop>
- </core-animation-keyframe>
- </core-animation>
- <core-animation duration="300">
- <core-animation-keyframe>
- <core-animation-prop name="transform" value="scale(1)">
- </core-animation-prop>
- </core-animation-keyframe>
- <core-animation-keyframe>
- <core-animation-prop name="transform" value="scale(1.2)">
- </core-animation-prop>
- </core-animation-keyframe>
- <core-animation-keyframe>
- <core-animation-prop name="transform" value="scale(1)">
- </core-animation-prop>
- </core-animation-keyframe>
- </core-animation>
- </core-animation-group>
-
- <core-animation id="custom-animation" duration="500">custom</core-animation>
-
- <core-animation duration="1000" iterations="Infinity" direction="alternate">
- infinite
- <core-animation-keyframe>
- <core-animation-prop name="opacity" value="1">
- </core-animation-prop>
- </core-animation-keyframe>
- <core-animation-keyframe>
- <core-animation-prop name="opacity" value="0.3">
- </core-animation-prop>
- </core-animation-keyframe>
- </core-animation>
-<!-- <polymer-bounce duration="1000">bounce</polymer-bounce>
- <polymer-shake>shake</polymer-shake>
- <polymer-flip>flip X</polymer-flip>
- <polymer-flip axis="y">flip Y</polymer-flip>
- <polymer-blink>blink</polymer-blink>
- <polymer-fadein>fade in</polymer-fadein>
- --> </div>
- <script>
- var customAnimationFn = function(timeFraction, target) {
- if (timeFraction < 1) {
- target.textContent = timeFraction;
- } else {
- target.textContent = 'animated!';
- }
- };
-
- document.addEventListener('polymer-ready', function() {
- document.querySelector('.animations').addEventListener('click',
- function(e) {
- var animation = e.target;
- if (animation.id === 'custom-animation') {
- animation.customEffect = customAnimationFn;
- }
- animation.target = target;
- animation.play();
- });
- document.getElementById('raw').addEventListener(
- 'core-animation-finish', function(e) {
- console.log('finish!');
- });
- });
- </script>
- </body>
-</html>
« no previous file with comments | « bower_components/core-animation/core-animation-group.html ('k') | bower_components/core-animation/index.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698