Transformed elements have a non-static position

Recently I discovered a CSS feature that took me by surprise. Apparently if you apply a CSS transformation to an element, it’s position is considered as non-static, even when === ‘static’.

Here is a codepen that proves this. As far as I can tell, this is happening on all browsers that implement CSS transforms.

See the Pen Flat minion by Amin Poursaied (@arasdesign) on CodePen

Related posts

Comments are closed.