- Spegnimento
- 5 settembre 2026 alle ore 19:05 UTC
- Autore
- Kamo
- Impegno
- 70d068c
Un gradiente conico incentrato sul pannello, spun una volta per --glimmer-periodi, dipinto due volte: una spazzata riempie il gap 15px, e un cerchio 2px sul bordo del pannello. The cerchio è la metà che lo vende — un bagliore nel vuoto da solo legge come sfondo effetto, mentre un bordo che cattura la luce mentre la spazzata passa legge come un illuminato oggetto, e gli angoli arrotondati del pannello che si illuminano a sua volta è l'intero trucco. Le fermate sono una lucentezza speculare piuttosto che un bagliore: una banda di ombra, un duro aumento attraverso raffreddare in un nucleo soffiato a pochi gradi di larghezza, una caduta veloce attraverso caldo, poi ombra di nuovo. L'ombra non è decorazione. Bianco su un #cdcdcd gap ha quasi nessun headroom da leggere come un punto culminante da solo, quindi il contrasto deve essere costruito oscurando ciò che circonda il nucleo; il primo taglio non aveva né letto come un lavaggio piuttosto che un glimmer. Scritto come rotazione, non come angolo animato. L'ovvia attuazione anima una proprietà personalizzata registrata <angle> in `conic-gradient(da ...)`, e questo ha fatto, fino a quando un A/B interleaved contro la stessa pagina con il glimmer rimosso ha mostrato il tempo della cornice mediana che va da 33,3ms a 50-66ms: quella forma ridipinge il gradiente attraverso l'intera scatola dell'elemento ogni cornice. Ruotare un elemento che trasporta un gradiente fisso rende il raster un one-off del compositore riuscite. Le metriche proprie di Chrome quindi non mostrano il tempo principale aggiunto e nessun layout a tutti, e che il costo della cornice rimane qui è rasterizzazione del software — questo macchina compositi attraverso SwiftShader, senza GPU per farlo gratuitamente. Dropping @property rimuove anche l'unica scogliera di supporto del browser nella funzione. Dove non è supportato l'angolo non può interpolare, quindi la spazzata avrebbe era ancora piuttosto che degradare a nulla. Ogni strato è un avvolgitore di ritaglio intorno a un quadrato di filatura. Il quadrato è formato in vmax perché deve coprire il suo wrapper ad ogni angolo, che prende il diagonale del wrapper — nella maggior parte delle radici due volte l'asse di vista più grande. Sotto preferi-ridotta-mozione entrambi sono display:none piuttosto che congelato, perché un arco luminoso parcheggiato in un angolo legge come un difetto di rendering, non come una decisione. Verificato a 1440x900 e 390x844 con l'animazione in pausa ai tempi prescelti: nucleo attraversa il bordo superiore e l'angolo in alto a destra dove la geometria prevede, il cerchio misura 2px di bianco a 8x zoom, e il movimento ridotto lascia zero spin animazioni in esecuzione.