html - 3D CSS Transform 元素定位

标签 html css

我有一个基本的 3D 卡片,当您按下按钮时它会翻转(在父级上使用 CSS perspective 属性,然后在两侧使用 rotateY。

我只是想知道这些元素的定位是如何工作的,因为每当我调整字体大小(以 em 为单位)时,卡片都会远离实际父元素。

我一定是忽略了某种重要的属性。

这是 pen .

最佳答案

figure 元素有默认的 margin: 40px 1em;。当您增加图形元素的字体大小时,边距也会增加。将边距设置为 0,就可以了。

关于html - 3D CSS Transform 元素定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29785016/

相关文章:

javascript - 当下方没有可用空间时,在上方显示弹出气泡

javascript - 如何使用纯 css、HTML 和 javascript 自动网格布局?

html - 除了标签之外,如何使网格居中?

html - css 样式内容属性

javascript - 从树中获取 id

html - 如何让我的 CSS 在用户输入时移动?

javascript - 移动 CSS 未按预期显示

css - 为什么 flexbox 不会增长到它的文本?

javascript - Bootstrap 3.1 CSS 连字符问题

javascript - 如何检查 html 中选定的文本是否已经有一个类?