Animação CSS
11 posts
Como animar border-image em CSS
Como animar border-image com gradientes, custom properties registradas e border-image-slice para criar bordas que se desenham sozinhas no hover.
Ler artigoComo usar scroll-driven animations em direções opostas
Como fazer colunas se moverem em direções opostas durante a rolagem com scroll-driven animations, animation-timeline e a função view() do CSS.
Ler artigoLayouts matemáticos com sibling-index() e sibling-count()
As funções sibling-index() e sibling-count() levam a contagem de elementos para o CSS: animações escalonadas, larguras e menus radiais sem JavaScript.
Ler artigoComo usar e estilizar Dialog
Como usar e estilizar o elemento dialog: show() e showModal(), invoker commands, acessibilidade, inércia, estilização do ::backdrop, posicionamento e animações.
Ler artigo7 receitas de View Transitions para experimentar
Sete animações prontas para páginas com View Transitions do CSS — pixel dissolve, wipe, rotação, círculo, diagonal, cortina e 3D flip.
Ler artigoA grande expansão do CSS
CSS agora faz nativamente o que Floating UI, GSAP, Framer Motion e react-select exigiam em JavaScript. Veja quanto isso economiza e o que ainda falta.
Ler artigo10 dicas para melhores animações e transições CSS
Aprenda 10 técnicas essenciais para criar animações e transições CSS fluidas e profissionais. Descubra como melhorar dramaticamente a UX do seu site!
Ler artigoOs benefícios de performance de animações CSS
CSS ou JavaScript para animações web? Descubra métricas de performance reais, técnicas de otimização e por que transform supera position absolute. Compare!
Ler artigoAnimação de loading com CSS puro
Crie animações de loading leves e performáticas com CSS puro facilmente. Elimine gifs pesados e melhore performance sem bibliotecas JavaScript. Otimize!
Ler artigoIntrodução a Animações CSS
Domine os fundamentos de animações CSS do zero. Aprenda keyframes, propriedades animation-* e easings para criar experiências visuais impactantes. Anime!
Ler artigoFiltros CSS (CSS Filter Effects)
Guia completo de filtros CSS3 (filter effects). Aprenda blur, brightness, contrast, saturate e outros efeitos visuais nativos impressionantes. Domine!
Ler artigo