November 28, 2018 at 12:57 pm #279633
I’m facing an issue with transition of transform property in Chrome on iPhone. I’m trying to move div smoothly using
transform: translate(...)and it works like a charm in all browsers I’m checking except for Chrome on iOS where at the end of animation the block “jumps” to its final position: https://www.dropbox.com/s/qdxoty5nz6t36f9/ScreenRecording_11-28-2018%2017-42-16.MP4?dl=0
Here is a codepen with an example: https://codepen.io/acromatica/pen/EOdLQE
Does anyone know how to fix this issue?
Thanks!December 5, 2018 at 8:20 am #279886
Thank you for the suggestion, indeed the problem doesn’t occur with keyframe animations. I’m trying to use
transition: transform ...though and adding styles with js doesn’t help.
Also it looks like Chrome team is already aware of this issue: https://bugs.chromium.org/p/chromium/issues/detail?id=899130December 23, 2018 at 9:00 pm #280506
Broken smile, tired eyes. I can feel your longing heart
Call my name, basketball games from afar. I will bring a smile back !March 16, 2019 at 7:23 am #284932
You can also check out if you can readlly https://wpsalesfunnelplugin.com/web-hosting/wpx-hosting/how-to-start-your-own-wordpress-blog-with-wpx-hosting/.
You must be logged in to reply to this topic.