css - rotatingX时如何使div保持在顶部

Question

我有这个:

div {
    transform:rotateX(120deg);
}

但是当我进行转换时，它会在 div 上方留下一个空白区域。如何让 div 保持在顶部。

Answer 1

很确定您正在寻找 transform-origin。

类似 transform-origin: 0% 33%; 的东西适用于您的情况。

jsFiddle here - 玩弄它。

默认情况下，原点设置为 50% 50%。

See MDN documentation.