Warum verhält sich css translate3d transform als relativ positioniertes Element?

Question

In der folgenden Geige, <a> Tag LOGO ist absolut in einem layoutDiv div, die -webkit-transform: translate3d(0,0,0); css über 'moderne' Klasse angewendet hat positioniert.

https://jsfiddle.net/gurumvg/ubj98j6d/4/

Obwohl die layoutDiv div ist nicht 'relative' Position des <a> tag-Logo ist, die positioniert absolut w.r.t layoutDiv div anstelle des Körperknoten. Ich frage mich, warum der Stil -webkit-transform: translate3d(0,0,0); es als relativ positioniert.

Schätzen Sie alle Einsichten.

Answer 1

Dies liegt daran, dass die Transformation ein neues lokales Koordinatensystem erstellt, wie in W3C spec