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

标签 css

我有这个:

div {
    transform:rotateX(120deg);
}

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

最佳答案

很确定您正在寻找 transform-origin

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

jsFiddle here - 玩弄它。

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

See MDN documentation.

关于css - rotatingX时如何使div保持在顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19461539/

相关文章:

javascript - jquery 和 Animation.css 不工作

javascript - Highlight.js 与 Blogger : can't disable auto line wrap

html - 如何在不提及第一个 child 的情况下在 css 中定义 child 的 child ?

css - 固定宽度侧边栏使用超过 3 个定义的列

HTML 仅在大于最大高度时才显示滚动条

javascript - JQuery 游戏 - 让玩家留在一个 div 中

html - 使链接背景与容器一样宽

javascript - 在jsp中使用sweetalert javascript函数

CSS 80 的 TRON 网格

javascript - 使用javascript单击将行和列添加到表中