Might look into: https://aerotwist.com/blog/flip-your-animations/
Btw you should be able to do this with neon-animated-pages but I understand if maybe you don't want to, or can't use them. FWIW, I shot a video showing how to do some of the transitions with neon-animated-pages https://www.youtube.com/watch?v=wMhq1o0DULM On Fri, Jan 8, 2016 at 6:26 PM, <[email protected]> wrote: > Bumping this as I'm trying to implement something similar today. Anyone > tried this yet? > > On Thursday, June 18, 2015 at 9:50:57 AM UTC-7, [email protected] wrote: >> >> Hey does anyone know how I can get the same effect as the hero-transition >> without using core-animation-pages >> >> https://www.polymer-project.org/0.5/components/core-animated-pages/demos/grid.html >> >> I basically want a div to scale from the center of the page out. but be >> between layers and have a layer underneath: >> >> I tried this: >> >> <div relative style="z:index:1000" > >> <div layout horizontal center-center fit >> style="background:blue;"> >> <div id="target" layout vertical center-center> >> >> </div> >> </div> >> </div> >> >> But the element z-index wont go on top. >> >> Thanks for any assistance >> >> David >> >> >> Follow Polymer on Google+: plus.google.com/107187849809354688692 > --- > You received this message because you are subscribed to the Google Groups > "Polymer" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To view this discussion on the web visit > https://groups.google.com/d/msgid/polymer-dev/59ec8fe0-354a-4fdc-a5cb-da35108917d3%40googlegroups.com > <https://groups.google.com/d/msgid/polymer-dev/59ec8fe0-354a-4fdc-a5cb-da35108917d3%40googlegroups.com?utm_medium=email&utm_source=footer> > . > > For more options, visit https://groups.google.com/d/optout. > Follow Polymer on Google+: plus.google.com/107187849809354688692 --- You received this message because you are subscribed to the Google Groups "Polymer" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CAJj5OwBQoCTF1JO6b_iCftPmK7PiPbkGpFSavEYA0PVB3rn5Hg%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
