Desvanecer o brilho em dois cantos, e captá-lo em metade

Featurekamo-login
Navios
5 de setembro de 2026 às 19:24 UTC
Autor
Kamo
Enviar
6810799

O brilho agora morre completamente nos cantos superior direita e inferior esquerda e picos, a meia opacidade, por cima-esquerda e inferior-direita. Cada revolução lê como dois episódios que se levantam e caem em um canto ao invés de um volta contínua, e o canto em que morre é o que a fita ocupa, então Os dois nunca competem. Implementada como uma máscara estática nos invólucros, em vez de uma opacidade com chave, porque o ângulo em que um canto se senta depende da relação de aspecto do painel: 58 graus fora vertical a 1440x900, 24 a 390x844. A opacidade cronometrada necessitaria retiming por viewport, e iria derivar no momento em que a janela foi redimensionada. `para baixo direito` faz essa geometria em si — CSS coloca os dois cantos a linha de gradiente não passa, aqui a superior direita e a inferior esquerda, em exatamente os 50% parar qualquer que seja a forma da caixa, então uma paragem transparente em 50% é transparente em ambas as construções. Sendo estática, também não custa nada por quadro; a máscara é aplicada uma vez e o giro por baixo ainda é o A única coisa que se mexe. A borda precisava de um elemento aninhado para carregá - lo. Seu anel já ocupa .kamo-glimmer-edge propriedade máscara própria, e empilhando o envelope em como um terceiro camada significaria uma lista de três formas máscara-compósito - cujo modo de falha, se um navegador deixa a lista como inválida, é cada camada que compõe com `add' e o gradiente que preenche todo o painel. Um elemento aninhado multiplica as duas máscaras Em vez disso, degrada-se em nada pior do que um desaparecimento. Medido pela amostragem do pixel de abertura fora de cada canto no momento o núcleo atinge-o, contra o mesmo pixel com o brilho removido. Luma delta: superior- esquerda +24.0, inferior- direita +24.0, superior- direita 0.0, inferior- esquerda 0.0 — metade de o +48.9 o envelope de força total deu, e foi inteiramente para os outros dois.

Todas as alterações

Como o que vês no transporte?

Cada uma dessas atualizações pousa automaticamente em seu espaço de trabalho. Comece grátis e veja crescer semana após semana.

Começar Livre Para SempreVer Preços