Advertisement
Guest User

Untitled

a guest
Apr 27th, 2015
199
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.20 KB | None | 0 0
  1. <link rel="import" href="../core-animated-pages/core-animated-pages.html">
  2. <link rel="import" href="../core-animated-pages/transitions/hero-transition.html">
  3. <link rel="import" href="../core-animated-pages/transitions/cross-fade.html">
  4. <link rel="import" href="../core-animated-pages/transitions/slide-down.html">
  5. <link rel="import" href="../core-animated-pages/transitions/slide-up.html">
  6. <link rel="import" href="../core-animated-pages/transitions/tile-cascade.html">
  7.  
  8. <polymer-element name="my-element">
  9.  
  10. <template>
  11. <style>
  12. :host {
  13. position: absolute;
  14. width: 100%;
  15. height: 100%;
  16. box-sizing: border-box;
  17. }
  18. #core_animated_pages {
  19. width: 100%;
  20. height: 100%;
  21. overflow: hidden;
  22. left: 0px;
  23. top: 0px;
  24. position: absolute;
  25. background-color: rgb(238, 238, 238);
  26. }
  27. #core_card {
  28. border-radius: 2px;
  29. box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
  30. z-index: 1;
  31. margin: 50px;
  32. position: static;
  33. background-color: rgb(255, 255, 255);
  34. }
  35. #h1 {
  36. position: relative;
  37. margin: 50px;
  38. background-color: rgb(255, 255, 255);
  39. }
  40. #section {
  41. position: absolute;
  42. }
  43. #intro1 {
  44. height: 300px;
  45. background-color: rgb(244, 67, 54);
  46. }
  47. #intro2 {
  48. height: 300px;
  49. background-color: rgb(240, 98, 146);
  50. }
  51. </style>
  52. <div id="intro1">
  53. <h1>aa</h1>
  54. </div>
  55. <div id="intro2">
  56. <h1>aa</h1>
  57. </div>
  58. <core-animated-pages selectedindex="0" notap id="core_animated_pages">
  59. <section id="section" layout horizontal center center-justified active>
  60. <core-card id="core_card" start-justified>
  61. <h1 id="h1" vertical layout start>Google I/O is for developers—the creative coders who are building what's next. Together we'll explore the latest in tech, mobile & beyond.</h1>
  62. </core-card>
  63. </section>
  64. <section id="section1">
  65. </section>
  66. <section id="section2">
  67. </section>
  68. </core-animated-pages>
  69. </template>
  70.  
  71. <script>
  72.  
  73. Polymer({
  74.  
  75. });
  76.  
  77. </script>
  78.  
  79. </polymer-element>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement