gsap-animations

Name: gsap-animations
Author: bg-szy

Pesquisa e Web

Autor: bg-szy

Melhores práticas de animação GSAP para web design, cobrindo gatilhos de rolagem, otimização de desempenho, acessibilidade, animações responsivas e integração de testes. Utilize ao implementar ou revisar animações em WordPress ou qualquer projeto web.

2estrelas

Atualizado há 4 meses

Ver no GitHub ↗

Como adicionar

/plugin marketplace add bg-szy/TOP-SKILLS

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/gsap-animations-bg-szy/svg)](https://www.skillteca.com.br/skills/gsap-animations-bg-szy)

#test #word

Skills relacionadas

Ver todas de Pesquisa e Web →

understand-domain

64.4k

Extrai conhecimento do domínio de negócio de uma base de código e gera um grafo interativo de fluxo de domínio. Funciona de forma autônoma (varredura leve) ou deriva de um grafo de conhecimento /understand existente.

Pesquisa e Web #ai por Lum1104

understand-dashboard

64.4k 2

Lance o painel web interativo para visualizar o grafo de conhecimento de uma base de código.

Pesquisa e Web por Lum1104

understand-chat

64.4k

Use quando precisar fazer perguntas sobre uma base de código ou entender código usando um grafo de conhecimento.

Pesquisa e Web por Lum1104

dev-browser

63k

Automatiza interações do navegador com estado de página persistente. Utilize para navegar em sites, preencher formulários, tirar capturas de tela, extrair dados da web, testar aplicativos ou automatizar fluxos de trabalho do navegador.

Pesquisa e Web #test por code-yeongyu

Alerta por categoria

Receba novas skills de Pesquisa e Web toda segunda

1 email curto, só com as skills novas de Pesquisa e Web. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

GSAP Animation Best Practices

Comprehensive guide for implementing professional, accessible, and performant animations using GSAP (GreenSock Animation Platform).

Core Principles

1. Performance First

Animate transform and opacity only (GPU-accelerated)
Avoid animating width, height, top, left, margin, padding
Use will-change sparingly
Target 60fps on all devices

2. Accessibility Always

Respect prefers-reduced-motion
Ensure content is visible withou

[Description truncada. Veja o README completo no GitHub.]

Compartilhar X LinkedIn