Transitions CSS3: Est la “transition: tous plus lent que la “transition: x”?

J'ai une question à propos de la vitesse de rendu pour le css3 transition de la propriété.

Supposons que j'ai un certain nombre d'éléments:

div, span, a {transition: all}

div {margin: 2px}
span {opacity: .5}
a:hover {background-position: left top}

div:hover {margin: -100px}
span:hover {opacity: 1}
a:hover {background-position: -5px top}

Il est beaucoup plus efficace de cibler toutes les transitions pour l'ensemble de ces éléments à l'aide de l'une déclaration div, span, a {transition: all}. Mais ma question est: serait-il "plus vite" dans les termes de la fluidité et de la rapidité de l'animation, le rendu de la cible de chaque élément spécifique de la transition de la propriété? Par exemple:

div {margin: 2px; transition: margin .2s ease-in}
span {opacity: .5; transition: opacity .2s ease-in}
a {background-position: left top; transition: background .2s ease-in}

div:hover {margin: -100px}
span:hover {opacity: 1}
a:hover {background-position: -5px top}

Ma logique en demandant cela, c'est que si le css de "moteur" à cause de la recherche pour "tous" les propriétés de transition, même s'il y a une propriété unique pour un élément, qu'il pourrait ralentir les choses.

Personne ne sait si c'est le cas? Merci!

  • Ça a toujours été ma théorie, mais je n'ai jamais remarqué aucune différence dans la pratique.
  • Je m'attends à ce que de l'effectuer réellement l'animation à l'écran serait beaucoup, beaucoup plus cher que l'analyse de CSS. À moins que vous abuser du système, je ne m'inquiéterais pas trop à ce sujet.
  • Je pense que si il y a une différence, il serait en millisecondes, mais je veux savoir si même il y a une différence minutes. merci pour vos commentaires
  • Cela hurle "les fournisseurs spécifiques de mise en œuvre détail" pour moi...
InformationsquelleAutor j-man86 | 2012-01-20