OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <!-- | 2 <!-- |
3 Copyright 2013 The Polymer Authors. All rights reserved. | 3 Copyright 2013 The Polymer Authors. All rights reserved. |
4 Use of this source code is governed by a BSD-style | 4 Use of this source code is governed by a BSD-style |
5 license that can be found in the LICENSE file. | 5 license that can be found in the LICENSE file. |
6 --> | 6 --> |
7 <html> | 7 <html> |
8 <head> | 8 <head> |
9 | 9 |
10 <meta charset="utf-8"> | 10 <meta charset="utf-8"> |
11 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 11 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
12 <meta name="viewport" content="width=device-width, initial-scale=1, user-scala
ble=no"> | 12 <meta name="viewport" content="width=device-width, initial-scale=1, user-scala
ble=no"> |
13 | 13 |
14 <title>core-transition</title> | 14 <title>core-transition</title> |
15 | 15 |
16 <script src="../platform/platform.js"></script> | 16 <script src="../webcomponentsjs/webcomponents.js"></script> |
17 | 17 |
18 <link href="core-transition-css.html" rel="import"> | 18 <link href="core-transition-css.html" rel="import"> |
19 | 19 |
20 <style> | 20 <style> |
21 #animate-me { | 21 #animate-me { |
22 background-color: lime; | 22 background-color: lime; |
23 position: fixed; | 23 position: fixed; |
24 top: 100px; | 24 top: 100px; |
25 width: 100%; | 25 width: 100%; |
26 height: 100%; | 26 height: 100%; |
(...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
78 } | 78 } |
79 | 79 |
80 function stuff() { | 80 function stuff() { |
81 var target = document.getElementById('animate-me'); | 81 var target = document.getElementById('animate-me'); |
82 state.opened = !state.opened; | 82 state.opened = !state.opened; |
83 transition.go(target, state); | 83 transition.go(target, state); |
84 } | 84 } |
85 </script> | 85 </script> |
86 </body> | 86 </body> |
87 </html> | 87 </html> |
OLD | NEW |