Perché CSS3 sta facendo animazioni?

5

Come quello che dice il titolo, perché ci sono animazioni in CSS3?

Sulla base della "regola" della separazione delle preoccupazioni, HTML è il contenuto, il CSS è lo stile e JavaScript è il componente interattivo. E per interattività, si può concludere che tutto ciò che si muove a causa di qualsiasi interazione, utente o utente non attivato deve essere coperto da JavaScript, non da CSS.

Quindi perché hanno reso CSS3 capace di fare animazioni? Non infrange la regola, che è la separazione delle preoccupazioni? C'è qualcosa che mi è mancato che rende le animazioni qualificate per essere classificate come stili piuttosto che come interazione?

    
posta Joseph 03.11.2012 - 18:25
fonte

1 risposta

8

Ci sono due ragioni:

  1. Se un'animazione può essere standardizzata e gestita in modo nativo dal motore di rendering del browser, è molto più economica (per quanto riguarda le prestazioni) rispetto a JavaScript.
  2. Come menzionato nei commenti, le animazioni / transizioni riguardano principalmente lo stile, non tanto il comportamento (almeno l'insieme coperto dalla funzionalità CSS), quindi non è un grosso problema per quanto riguarda la separazione delle preoccupazioni.

La separazione delle preoccupazioni è buona, ma mettere le animazioni in CSS ha più senso che metterle in HTML, ed è più performante che farlo in JavaScript (come JS apis, ma CSS fa un fallback grazioso molto meglio.

    
risposta data 03.11.2012 - 19:01
fonte

Leggi altre domande sui tag