- Dikirim
- 5 September 2026 pukul 19.05 UTC
- Penulis
- Kamo
- Commit
- 70d068c
Gradien kerucut pada panel, berputar sekali per --glimmer-titik, dicat dua kali: menyapu mengisi kesenjangan 15px, dan 2px rim pada batas panel sendiri. The Rim adalah setengah yang menjualnya - cahaya di celah saja dibaca sebagai latar belakang efek, sedangkan tepi menangkap cahaya sebagai menyapu melewati membaca sebagai menyala objek, dan panel bulat sudut pencahayaan di gilirannya adalah seluruh trik. Berhenti adalah kilat spekular daripada cahaya: sebuah band bayangan, kenaikan keras melalui dingin menjadi ledakan inti beberapa derajat lebar, jatuh cepat melalui hangat, (Dan naungan yang terbentang luas) untuk selama-lamanya. (Dan naungan yang terbentang luas) untuk selama-lamanya. Putih pada kesenjangan # cdcdcd telah hampir tidak ada headroom untuk dibaca sebagai sorot sendiri, sehingga kontras harus dibangun Dan kegelapan yang mengelilingi inti, potongan pertama tidak dan membaca sebagai mencuci daripada secercah. Ditulis sebagai rotasi, bukan sebagai sudut animasi. implementasi yang jelas animata sebuah properti gubahan < angle > terdaftar ke dalam 'conic- gradien (dari...)', dan ini, sampai sebuah A / B interleaved terhadap halaman yang sama dengan secercah menghapus menunjukkan waktu frame median dari 33.3ms ke 50- 66ms: formulir lukisan ulang gradien di seluruh elemen kotak seluruh setiap bingkai. Putar elemen yang membawa gradien tetap membuat raster satu-dari kompoitor Reuses. Metrik sendiri Chrome kemudian menunjukkan tidak ditambahkan main- benang waktu dan tidak ada tata letak sama sekali, dan apa biaya frame tetap di sini adalah sinkronisasi perangkat lunak - ini Komposit mesin melalui SwiftShader, tanpa GPU untuk melakukannya secara gratis. Menjatuhkan properti @ juga menghilangkan satu tebing yang mendukung browser- dalam fitur. Dimana itu tidak didukung sudut tidak dapat interpolasi, sehingga menyapu akan berdiri masih daripada merendahkan untuk apa-apa. Setiap lapisan adalah kliping pembungkus sekitar persegi berputar. Alun-alun berukuran dalam vmax karena harus menutupi pembungkus di setiap sudut, yang mengambil diagonal pembungkus - paling banyak root dua kali sumbu viewport yang lebih besar. Bawah prefer -reduced-motion keduanya adalah tampilan: tidak lebih dari beku, karena lengkungan terang diparkir di satu sudut membaca sebagai kesalahan rendering, bukan sebagai keputusan. Diverifikasi pada 1440x900 dan 390x844 dengan animasi jeda pada waktu yang dipilih: inti melintasi tepi atas dan sudut kanan atas dimana geometri memprediksi, ukuran rim 2px putih pada zoom 8x, dan gerakan berkurang daun nol spin Animasi berjalan.