Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tracking: Animations #7478

Closed
5 of 17 tasks
mhevery opened this issue Mar 8, 2016 · 5 comments
Closed
5 of 17 tasks

Tracking: Animations #7478

mhevery opened this issue Mar 8, 2016 · 5 comments
Assignees

Comments

@mhevery
Copy link
Contributor

mhevery commented Mar 8, 2016

Blocking

  • CSS parser
  • Triggering animations on DOM events (enter, leave, addClass, setAttribute)
  • Animations as sequences (groups and linear lists)
  • Parsing and utilizing CSS data in animations (classes, keyframes and inline styles)
  • Web Animations driver integration

Stretch

  • CSS Driver Integration
  • Restoring CSS styles to initial or a snapshot state within CSS
  • Querying Children for animations
  • Staggering multiple animations
  • Transforming styles with JS-level calculations
  • Component-level player access with callbacks and scrubbing
  • Detecting click events and embedding input into animation data
  • Custom stagger and JS animations functions
  • Media Query support in CSS and Sequences
  • Anchoring
  • Works with WebWorkers
  • Works with Native Renderers
@mhevery mhevery added this to the Angular 2 Blocking milestone Mar 8, 2016
@naomiblack naomiblack modified the milestones: Angular 2 Blocking, Angular 2 Release Candidate Mar 8, 2016
@fxck
Copy link

fxck commented Sep 2, 2016

What's the current state of animations, is it usable? I don't see it being used pretty much anywhere in the wild(not in libs libs ng-bootstrap or material2 either and when they do animations, it's not using angular animations). No blog posts, tutorials either..

@Brocco
Copy link
Contributor

Brocco commented Sep 2, 2016

I have used it a little in my application (not public) but you can find an example usage here: https://github.com/teropa/elseq/blob/master/src/elseq.component.ts

@fxck
Copy link

fxck commented Sep 2, 2016

Yeah I've seen that one, what I meant were more practical examples.. like any material design effect really.

@intellix
Copy link

this ancient issue can be closed now? :)

@matsko matsko closed this as completed Nov 28, 2017
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 12, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

9 participants