为什么我的 CSS 转换元素会弹回来而不是留在原处？

为什么元素在变换后会弹回而不是留在原处？

当尝试将元素保持在变换后的位置时过渡时，元素可能会意外地恢复到其原始位置。此问题通常是由于 CSS 转换的显示设置不兼容而引起的。

原因

CSS 转换通常无法在具有 display: inline 设置的元素上正常运行。尽管初始转换似乎已生效，但内联设置会导致元素返回到其先前的位置。

解决方案

要解决此问题，请更改显示设置显示：inline-block，如以下 CSS 摘录所示：

.blockquote {
  display: inline-block;
  ...
}

通过切换到 inline-block，您可以允许 CSS 转换成功地对元素进行操作，防止其弹回并保持它转换后处于修改后的位置。

以上是为什么我的 CSS 转换元素会弹回来而不是留在原处？的详细内容。更多信息请关注PHP中文网其他相关文章！