為什麼我的 CSS 轉換元素會彈回去而不是留在原處？

為什麼元素在變換後會彈回而不是留在原處？

當嘗試將元素保持在變換後的位置時過渡時，元素可能會意外地恢復到其原始位置。此問題通常是由於 CSS 轉換的顯示設定不相容而引起的。

原因

CSS 轉換通常無法在具有 display: inline 設定的元素上正常運作。儘管初始轉換似乎已生效，但內聯設定會導致元素返回到其先前的位置。

解決方案

要解決此問題，請更改顯示設定顯示：inline-block，如以下CSS 摘錄所示：

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

透過切換到inline-block，您可以允許CSS 轉換成功地對元素進行操作，防止其彈回並保持它轉換後處於修改後的位置。

以上是為什麼我的 CSS 轉換元素會彈回去而不是留在原處？的詳細內容。更多資訊請關注PHP中文網其他相關文章！