- Se descapó
- 5 de septiembre de 2026 a las 19:05 UTC
- Autor
- Kamo
- Compromit
- 70d068c
Un gradiente cónico centrado en el panel, girado una vez per --low-periodo de aturdimiento, pintado dos veces: un barrido que llena el huebo de 15px, y una llanta de 2px en la propia frontera del cristal. El La llanta es la mitad que lo vende un resplandor por sí solo se lee como fondo efecto, mientras que un borde que atrapa la luz a medida que el barrido pasa se lee como un encendido Objeto, y las esquinas redondeadas del cristal que se enciende a su vez es todo el truco. Las paradas son un brillo especular más que un brillo: una banda de sombra, un fuerte ascenso a través de la calma en un núcleo soplado unos grados de ancho, una rápida caída a través del calor, Luego la sombra otra vez. La sombra no es decoración. Blanco en una brecha de Cddcccdcd ha casi no hay espacio para leer como un punto culminante por sí solo, por lo que el contraste tiene que ser construido por oscurecer lo que rodea el núcleo; el primer corte no tenía ninguno y leído como un lavado en lugar de un destello. Escrito como rotación, no como un ángulo animado. La aplicación evidente anima una propiedad personalizada registrada en la propiedad personalizada de .conic-gradient (de ...) . . . . . . . . . . . . . . . . . . esto lo hizo, hasta que un A/B entrelazado contra la misma página con el destello eliminado mostró el tiempo de la mediana de marco de 33.3ms a 50-66ms: esa forma repinta el gradiente a través de la caja completa del elemento cada marco. Rotar un elemento que lleva un gradiente fijo hace que el raster sea un compositor único reutiliza. Las propias métricas de Chrome muestran no el tiempo de mayor tamaño y sin diseño en absoluto, y qué costo de marco queda aquí es rasterización de software compuestos de la máquina a través de SwiftShader, sin GPU para hacerlo de forma gratuita. Derribar "propperty" también elimina el acantilado de soporte del navegador en la función. Donde no está apoyado el ángulo no puede interpolar, por lo que el barrido tendría se quedó quieto en lugar de degradarse a nada. Cada capa es un envoltorio de recorte alrededor de un cuadrado giratorio. La plaza está dimensionada en vmax porque debe cubrir su envoltorio en cada ángulo, que toma la Diagonal de envoltura - a lo sumo raíz dos veces el eje de visión más grande. En la presueblada-moción ambos son exhibición:ninguno en lugar de congelado, porque a arco brillante estacionado en una esquina se lee como una falla de renderizado, no como una decisión. Verificado en 1440x900 y 390x844 con la animación pausada en los momentos elegidos: el El núcleo cruza el borde superior y la esquina superior derecha donde la geometría predice, la llanta mide 2px de blanco a 8x zoom, y el movimiento reducido deja cero giro Animaciones corriendo.