Comments (5)
This is in early stages and there are bugs, but there's some code in the next
branch that supports using attributes like delay
and duration
on the animated element. It also depends on the web-animations-next
branch in Polymer/core-animation and web-animations/web-animations-next.
from core-animated-pages.
Looks like you are switching from CSS transitions to native/js animations. This can be really good, allowing much more flexibility and control then CSS transitions.
Wondering if the web animations polyfill will work decent on mobile devices. When can we expect for this to go live?
from core-animated-pages.
Tested the new core-animated-pages that uses web-animations-next. The animation is jittery and duration seems longer. Even if element.animate is natively available I am getting a javascript animation. Is this a bug/issue in web-animations-next?
from core-animated-pages.
I think the polyfill is supposed to use Element.animate
when it's available natively, but it doesn't do that right now. @dstockwell @alancutter
I'll likely keep this work in the branch until some bugs are resolved with the web animations polyfill. In particular, there's some issues with the finish
event and timing functions.
from core-animated-pages.
I've created a test using the web-animations-next polyfill running on Chrome 37, with native support. Unfortunately the polyfill is not using the native element.animate and is doing a Javascript animation. Probably this is why the animation is jittery. Also not sure but both JS and native animation may run in parallel and this can cause the performance issues.
See the test here:
http://typefolly.com/polymer/components/web-animations-next/web-animations-next-test.html
I think that this should be submitted as a bug in web-animations-next.
Got any test cases with the finish and timing functions, maybe I can be of some help?
Thanks
from core-animated-pages.
Related Issues (20)
- Performance of page switching (including crashes, specific case) HOT 4
- core-animated-pages demo is broken due to Polymer/Platform API mismatch
- "selected" attribute not published HOT 5
- lastSelected is always undefined HOT 2
- slide-from-* transitions only apply to the parent page HOT 1
- Potential bug in v. 0.5.0
- "slide-from-right" animation does reset scroll position HOT 1
- Duplicated transitions (tile-cascade and cascade-transition) HOT 1
- <core-animated-pages fit style="overflow:auto; z-index:-1;"> HOT 1
- hero-transition -> core-header-panel with mode="cover" fails HOT 1
- Animated pages with different url? HOT 2
- Animation issue when including cross-fade and cross-fade-all
- Transitions seem faster or slower in certain cases
- Polymer core-animated-pages crash during transition resizing HOT 5
- Scroll handling on mobile is laggy HOT 3
- core-animated-pages : Selected variables return the wrong data
- Exception when setting `selected` to invalid value, or removing all children
- hero transition is lost in Chrome ShadowDOM HOT 1
- Switching the selected index while the previous transition is still in progress is broken
- on-core-animated-pages-transition-prepare not firing/ HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from core-animated-pages.