Modelos
Configure um endpoint compatível com OpenAI ou Anthropic com a URL base e uma chave API, quando necessária. Teste a conexão. O servidor local precisa estar em execução; ferramentas remotas podem transmitir dados separadamente.
Produto
Recursos do programa · CSS com movimento reduzido
01
Verifique as duas preferências e o foco pelo teclado, preservando o texto de estado quando o movimento estiver desativado.
Projeto
Escolha uma pasta e peça ao assistente que leia os arquivos relevantes antes de editá-los. Defina o objetivo e os limites da tarefa.
Alterações
Confira as alterações e a saída dos comandos. Execute as verificações do projeto antes de aceitar o resultado; código gerado não vem automaticamente testado.
CSS com movimento reduzido
● ● ●MotionHearth●
Fluxos de trabalho · CSS com movimento reduzido ×
@keyframes mark-slide {
to { transform: translateX(12px); }
}
.motion-mark { animation: mark-slide 1.2s linear infinite; }
.status:focus-visible { outline: 2px solid currentColor; }
@media (prefers-reduced-motion: reduce) {
.motion-mark { animation: none; transform: none; }
}✳Interrompa uma animação CSS decorativa quando houver preferência por menos movimento.
✓ AlteraçõesRevise antes de aplicar ↗
Ilustração do ambiente