project_path: /web/_project.yaml book_path: /web/shows/_book.yaml description: It’s neon-animated-pages time! This is probably one of the most requested videos so I’m really glad I could finally talk about it. Now that you understand behaviors, neon-animations, and how the iron-pages element works, we can finally tie it all together to start working with neon-animated-pages. Hope you enjoy!

{# wf_updated_on: 2015-09-07 #} {# wf_published_on: 2015-09-07 #} {# wf_youtube_id: wMhq1o0DULM #}

Neon Animated Pages {: .page-title }

<div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="wMhq1o0DULM" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div>

It’s neon-animated-pages time! This is probably one of the most requested videos so I’m really glad I could finally talk about it.

Now that you understand behaviors, neon-animations, and how the iron-pages element works, we can finally tie it all together to start working with neon-animated-pages. Hope you enjoy!

Read More

Demo source

https://github.com/Polymer/polycasts/tree/master/ep25-neon-animated-pages

Neon Animated Pages docs

https://elements.polymer-project.org/elements/neon-animation?view=docs&active=neon-animated-pages

Neon Animation guide

https://elements.polymer-project.org/guides/using-neon-animations

Slick Web Animations -- Polycasts #23

https://www.youtube.com/watch?v=Lwvi1u4XXzc&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=2

Custom icons with Iron Iconsets -- Polycasts #22

https://www.youtube.com/watch?v=tjmRUgUca1g&list=PLNYkxOF6rcIDdS7HWIC_BYRunV6MHs5xo&index=5

Behaviors -- Polycasts #21

https://www.youtube.com/watch?v=YrlmieL3Z0k&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=4

• Polymer Slack: http://bit.ly/polymerslack
• Subscribe to the Google Developers Channel