Animação

8 posts

25 de ago. de 2026

The circle that would not close — flushSync and the Portfolio View Transition

When the theme toggle animation revealed the old theme instead of the new one, the fault was not in the CSS — React had not committed the state in time.

Portfólio view-transitions react

Continuar lendo →

Portfólio

25 de ago. de 2026

O circulo que nao fechava — flushSync e a View Transition do Portfolio

Quando a animacao de troca de tema revelava o tema antigo em vez do novo, a culpa nao era do CSS — era do React nao ter commitado o estado a tempo.

Portfólio view-transitions react

Continuar lendo →

LifeLog

24 de jul. de 2026

Restaurando o circular reveal do tema — a escolha entre remover e otimizar

Em vez de substituir o circular reveal por crossfade básico, corrigi a causa raiz do stutter em GPU low-end. VT clip-path + fallback limpo.

LifeLog Animação css

Continuar lendo →

LifeLog

24 de jul. de 2026

Restoring the Theme Circle Reveal — The Choice Between Remove and Optimize

Instead of replacing the circular reveal with basic crossfade, I fixed the root cause of stutter on low-end GPUs. VT clip-path + clean fallback.

LifeLog Animação css

Continuar lendo →

LifeLog

23 de jul. de 2026

Overhaul de animações — micro-interações, stagger nos cards e scroll shadow

Sistematei as animações do LifeLog: stagger nos cards, scroll shadow no navbar, micro-interações em tags/pills/search, e uma easing curve única pra tudo.

LifeLog Animação css

Continuar lendo →

LifeLog

23 de jul. de 2026

Animation Overhaul — Micro-interactions, Card Stagger, and Scroll Shadow

Systematized LifeLog's animations: stagger on timeline cards, scroll shadow on navbar, micro-interactions on tags/pills/search, and a single easing curve for everything.