CSS3 过渡影响父 div

标签 css transition

我试图找出为什么这个 CSS3 转换会影响父 div:

http://jsfiddle.net/BpUqt/5/

我试图在不改变其父 div 高度的情况下将对象向上移动到 div 中。

但是每次过渡开始/结束时(有或没有边框),盒子的高度都会缩小 1px

虽然我想连续使用其中三个,但如果用户很快将鼠标悬停在这些元素上,我的内容也会开始跳起来。

设置固定高度不是一个选项,因为我正在处理响应式布局。

最佳答案

使用变换代替动画边距(这意味着需要重新计算框高度,因此部分像素的舍入误差会导致移动)。

此外,请记住 IE10 具有转换功能,因此也请使用 ms 前缀。

看看http://jsfiddle.net/BpUqt/10/

关于CSS3 过渡影响父 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8376071/

相关文章:

javascript - +/- Shopify 购物车中的数字增量

c++ - Qt - 如何在窗口大小发生变化时更改 QRadiobutton 的大小

css - 如何在悬停时使背景宽度动画流畅

ios - iOS 中背景图像之间的过渡

html - 如何使 HTML 表格适合提供的空间?

html - 背景图片不显示

html - 现在如何将顶部 div 与位置顶部 50% 和 translateY(-50%) 对齐

javascript - 添加类时奇怪的 CSS 过渡行为

html - CSS Float 正在换行

javascript - 如何淡化背景图像