Bagaimanakah Saya Boleh Mencapai Peralihan Imej Latar Belakang Lancar dengan CSS3?

Peralihan Imej Latar Belakang CSS3

Apabila melaksanakan kesan "fade-in fade-out" menggunakan peralihan CSS, ia mungkin tidak berfungsi dengan latar belakang imej. Untuk mengatasinya, sifat imej latar belakang perlu disasarkan secara khusus.

Dalam CSS yang disediakan, kod yang cuba mengalihkan imej latar belakang ialah:

-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
transition: background 1s;

Untuk mengalihkan imej latar belakang , gunakan kod berikut pada elemen dengan imej latar belakang (biasanya teg ):

-webkit-transition: background-image 0.2s ease-in-out;
transition: background-image 0.2s ease-in-out;

Sintaks ini ialah disokong secara asli oleh Chrome, Opera dan Safari. Firefox dan Internet Explorer tidak menyokong ciri ini pada masa ini.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencapai Peralihan Imej Latar Belakang Lancar dengan CSS3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!