Streaming live at 10am (PST)

Incomplete / Incorrect Timing with Transition


#1

Please see this video.

It show several timing mis-steps (not sure what to call it).

All 4 element groups share the same core transition - with a small time delay modification.

Organic SEO has a 100 ms time delay.

Local SEO: copy of Organic SEO transition - 300ms

PPC: copy of Local SEO transition - 500ms

Social Network: copy of PPC - 700ms

Can someone tell me what's happening... I'm guessing the the timers are conflicting with each other ?

Video: http://quick.as/r9arckml


#2

no one else has encountered this issue ?


#3

Can you please share your project’s public link so it's easier to understand your issue?

Learn how to do it here: http://help.webflow.com/sharing-your-public-webflow-site-link


#4

I'd appreciate some help with the transition / timing issue.

Public Link:

https://webflow.com/design/revcomingsoon?preview=c1f071e7cb9979ff9eff38d5f459162c


#5

I had inconsistant results, can't say what's bugging. But I found how to fix, I guess.

Where you have your three part animation, the one going:
- wait
- scale 1.1 + rotate back origin + opacity 50%
- scale 1 + opacity 100%

Then add an extra rotate to origin here:
- wait
- scale 1.1 + rotate back origin + opacity 50%
- scale 1 + rotate back to origin + opacity 100%

Do that on both elements, (compound + button), and test again and tell me.


#6

it's still doing it. element does not rotate to stated point.


#7

Hi @Revolution,

Thanks for bringing this to our attention. Sorry about the interactions trouble. I've verified it as a bug with our ease-in-cubic transition-timing-function and have submitted it to our dev team. Here's a public link to the recreated issue: https://webflow.com/design/wf-test-canvas-3?preview=87e29e2560cf94925e041c0405574fd6

For now, a possible workaround may be to use "ease" instead (or other transition-timing-functions that are working properly). :-/ I'll report back as soon as we find a fix for it.

Let me know if you guys have any more trouble with this and if anything changes on your end please update this thread.

Will


#8