Por que o CSS3 está fazendo animações?

5

Assim como o título diz, por que há animações no CSS3?

Com base na "regra" de separação de interesses, HTML é o conteúdo, CSS é o estilo e JavaScript é o componente interativo. E por interatividade, pode-se concluir que qualquer coisa que se mova devido a qualquer interação, usuário ou não-usuário acionado deve ser coberta por JavaScript, não por CSS.

Então, por que eles fizeram o CSS3 capaz de fazer animações? Não viola a regra, que é separação de preocupações? Existe alguma coisa que eu perdi que faz animações qualificadas para serem classificadas como estilos ao invés de interação?

    
por Joseph 03.11.2012 / 18:25
fonte

1 resposta

8

Existem dois motivos:

  1. Se uma animação puder ser padronizada e manipulada de forma nativa pelo mecanismo de renderização do navegador, ela será mais barata (em termos de desempenho) do que em JavaScript.
  2. Como mencionado nos comentários, as animações / transições são principalmente sobre estilo, não tanto comportamento (pelo menos o conjunto que é coberto pela funcionalidade CSS), por isso não é um grande negócio com respeito à separação de preocupações.

A separação de interesses é boa, mas colocar animações em CSS faz mais sentido do que colocá-las em HTML, e tem mais desempenho do que fazê-lo em JavaScript (você pode como JS apis, mas o CSS é muito melhor.

    
por 03.11.2012 / 19:01
fonte