Home/ Questions/Q 7556173
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T11:48:01+00:00

http://jsfiddle.net/nicktheandroid/yWKMD/ Look at the example, when you click the element, it rotates around from

  • 0

http://jsfiddle.net/nicktheandroid/yWKMD/

Look at the example, when you click the element, it rotates around from the front to the back, the problem is that it’s not rotating around it’s center, it’s like it’s off balance, hold your mouse at the left border of the front side, click the element, and see how the back side’s position is now off. They should be positioned in exactly the same spot.

I noticed that when I removed the padding/margin/border, it would rotate fine, but I need to have the padding and border on there. Is there a way to do this with padding and a border – so that it will rotate around the center, not off to the side?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The inner divs (#card div) are too wide (235 + 50 + 2) and/or #card too narrow (245). You must add padding and border to total width, or alternatively use box-sizing: border-box (with vendor prefixes).

    • 0