Home/ Questions/Q 8307803
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T18:37:01+00:00

I’ve added transitions to smooth out the CSS changes in responsive to viewport width.

  • 0

I’ve added transitions to smooth out the CSS changes in responsive to viewport width. At one point it seems like one of the outer (~top level) divs go down to a width of zero and back up to the desired width again.

Is there anyway to ‘pause’ the CSS and see which div is causing the strange visual effect?

There’s a few media queries and a lot of CSS (which I didn’t write) so I’d just like to be able to take a snapshot of the style at the point where the width looks like it is zero.

I’m running this locally so this isn’t available online to reproduce the issue.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Well you can try to console.log($(yourTopLevelDiv).width()) all along the transition, this way you’ll be able to see if the problem come from here.

    http://jsfiddle.net/qf3L3/

    • 0