Peralihan elemen bersama

Saya hanya berharap untuk pagetransisi asli yang lebih baik, dan Bramus mengulas bahawa Chrome sedang mengerjakan sesuatu. Sepertinya ia mempunyai semangat baru untuknya, kerana terdapat repo baru, dan anda boleh mengujinya di Chrome Canary.

Repo dipindahkan ke sini, dan saya suka nama itu. "Elemen Berkongsi" adalah klac di sini. Ia bukan hanya seperti slaid, slaid-masuk, atau menghapuskan bintang, ia dapat memindahkan elemen individu ke tempat-tempat baru. Shawn menegaskan bahawa artikel Sarah menjadikan keupayaan ini sangat jelas:

Saya akan menjatuhkan coretan kod dari readme semasa di sini sebagai sangat keren:

 fungsi handletransition () {
  document.documentTransition.prepare ({
    Roottransition: "mendedahkan-kiri",
    Tempoh: 300,
    SharedElements: [E1, E2, E3]
  }). Kemudian (() => {
    docustomthings ();
    document.documentTransition.start ({sharedElements: [newe1, newe2, newe3]}). Kemudian (
      () => console.log ("peralihan selesai"));
  });
}

Anda tidak perlu mempunyai kongsi, tetapi anda boleh, dan pada masa ini mereka semua perlu mengandungi: cat yang digunakan untuk mereka melalui CSS untuk bekerja. Perhatikan bahawa anda tidak perlu berurusan dengan mengemas kini URL atau apa-apa, yang hanya akan berlaku secara automatik (saya rasa?) Oleh kerana ini tidak memerlukan seni bina aplikasi satu halaman untuk berfungsi.

Sejarah pelik

Semasa saya berbual-bual tentang ini, Alex Riviere menegaskan kepada saya bahawa kelebihan pra-Kromium mempunyai peralihan halaman (proprietari):

 <meta http-equiv="Page-ENTER" kandungan="RevealTrans (durasi = 0.600, peralihan = 6)">

Whaaaat. Christian Schaefer mempunyai jawatan yang meratapi apa yang kita hilang ketika kita kehilangan Trident:

Seperti namanya, penapis sedemikian akan dengan lancar peralihan pengguna dari halaman ke halaman apabila navigasi, bukannya mempunyai halaman muncul secara tiba -tiba seperti yang kita gunakan. Terdapat senarai penapis peralihan yang luas yang boleh anda pilih dengan merujuknya melalui nombor:

Lap, lap, dibubarkan secara rawak, berpecah mendatar, dan lain -lain. Tiada tisu bintang walaupun, sangat. Dan pastinya tidak ada "peralihan elemen bersama"

Atas ialah kandungan terperinci Peralihan elemen bersama. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!