2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
3 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
5 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
6 Code distributed by Google as part of the polymer project is also
7 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
10 <link href="../../polymer/polymer.html" rel="import">
11 <link href="../../core-style/core-style.html" rel="import">
12 <link href="../../core-transition/core-transition.html" rel="import">
16 `core-transition-pages` represents a page transition, which may include CSS and/or
17 script. It will look for a `core-style` element with the same `id` to install in the
18 scope of the `core-animated-pages` that's using the transition.
22 <core-style id="fooTransition">
25 <core-transition-pages id="fooTransition"></core-transition-pages>
27 There are three stages to a page transition:
29 1. `prepare`: Called to set up the incoming and outgoing pages to the "before" state,
30 e.g. setting the incoming page to `opacity: 0` for `cross-fade` or find and
31 measure hero elements for `hero-transition`.
33 2. `go`: Called to run the transition. For CSS-based transitions, this generally
34 applies a CSS `transition` property.
36 3. `complete`: Called when the elements are finished transitioning.
38 See the individual transition documentation for specific details.
40 @element core-transition-pages
41 @extends core-transition
46 Fired when the transition completes.
48 @event core-transitionend
50 <polymer-element name="core-transition-pages" extends="core-transition" assetpath="">
53 <script src="core-transition-pages-extracted.js"></script>