Home/ Questions/Q 8361195
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T11:38:43+00:00

If you go to a Wikipedia page in Chrome and ctrl+scrollup or ctrl+scrolldown the

  • 0

If you go to a Wikipedia page in Chrome and ctrl+scrollup or ctrl+scrolldown the resize is done in an animation.

How is this achieved?

(In FF only the 

  Read
  View source
  View history

links in the top right corner animate)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you examine the CSS with Chrome’s Inspector, you will find this rule:

    body.vector-animateLayout div#content, body.vector-animateLayout div#footer {
  transition: margin-left 250ms,padding 250ms;
  -moz-transition: margin-left 250ms,padding 250ms;
  -webkit-transition: margin-left 250ms,padding 250ms;
  -o-transition: margin-left 250ms,padding 250ms;
}

    This smoothly animates the margin-left and padding properties, which Webkit seem to modify when zooming in and out. Firefox should also animate, but it doesn’t.

    • 0