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

Way to improve animation curves (easing) and durations? #13

Closed
nolimits4web opened this issue Mar 24, 2014 · 5 comments
Closed

Way to improve animation curves (easing) and durations? #13

nolimits4web opened this issue Mar 24, 2014 · 5 comments
Labels

Comments

@nolimits4web
Copy link
Member

We need to get closer to iOS animation curves and durations, especially on transitions between pages. Anybody know where can we get correct values or how can we track it?

@ptb
Copy link
Contributor

ptb commented Mar 24, 2014

According to this page (in section 2.2), you'd want to use something like this:

-webkit-transition: all 1s cubic-bezier(.1, .7, .1, 1); transition: all 1s cubic-bezier(.1, .7, .1, 1);

You can try out different combinations on this site: roblaplaca.com.

@nolimits4web
Copy link
Member Author

Yep, as i remember i tried that and get super weird easing))

@JJJ
Copy link
Contributor

JJJ commented Jul 30, 2014

Would love to see this for the scrollTop usages (specifically for new messages.)

@nolimits4web
Copy link
Member Author

@johnjamesjacoby you mean custom timing-functions?

@lock
Copy link

lock bot commented Jun 26, 2018

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

@lock lock bot added the outdated label Jun 26, 2018
@lock lock bot locked as resolved and limited conversation to collaborators Jun 26, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

3 participants