Mengapakah unsur-unsur yang diubah CSS saya kembali pulih dan bukannya kekal di tempatnya?

Mengapa Elemen Berpatah Balik Selepas Transformasi Daripada Kekal di Tempatnya?

Apabila cuba mengekalkan elemen dalam kedudukan berubah selepas peralihan, elemen itu mungkin tiba-tiba terkunci kembali ke tempat asalnya. Isu ini biasanya timbul disebabkan oleh tetapan paparan yang tidak serasi untuk transformasi CSS.

Sebab

Transformasi CSS secara amnya tidak berfungsi dengan betul dengan elemen yang mempunyai paparan: tetapan sebaris. Walaupun perubahan awal kelihatan berkuat kuasa, tetapan sebaris menyebabkan elemen kembali ke kedudukan sebelumnya.

Penyelesaian

Untuk menyelesaikan isu ini, tukar tetapan paparan untuk dipaparkan: blok sebaris, seperti yang dilihat dalam petikan CSS berikut:

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

Dengan bertukar kepada blok sebaris, anda membenarkan transformasi CSS berjaya beroperasi pada elemen, menghalangnya daripada tersentak kembali dan mengekalkannya dalam kedudukannya yang diubah suai selepas peralihan.

Atas ialah kandungan terperinci Mengapakah unsur-unsur yang diubah CSS saya kembali pulih dan bukannya kekal di tempatnya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!