web-dev-qa-db-fra.com

Internet Explorer prend-il en charge les transitions CSS?

Les transitions CSS sont une manière très soignée d’animer les modifications des propriétés CSS. Des versions d'Internet Explorer les prennent-elles en charge?

62
David Johnstone

La page à laquelle vous vous connectez a tableau de compatibilité .

Chrome
    1.0 (-webkit prefix)

Firefox
    4.0 (2.0) (-moz prefix)
    16.0 (16.0) (no prefix)

Internet Explorer
    10.0 (no prefix)

Opera
    10.5 (-o prefix)  
    12.0 (no prefix)

Safari
    3.2 (-webkit prefix)

Il existe également un article sur MSDN concernant les transitions CSS3 dans Internet Explorer .

181
Pekka 웃

Je recommande d'utiliser http://caniuse.com/ pour vérifier la prise en charge et la compatibilité des fonctionnalités html/css, car elles afficheront les données de la plupart des navigateurs sur le marché.

Voici le lien pour les transitions: http://caniuse.com/#search=transitions

Pour les anciennes versions d’IE, il existe différents polyfill que vous pouvez trouver sur le riche www.

3
CatalinBerta

Il n'y a pas de support natif pour les transformations et transitions CSS dans IE8.

Vous devez peut-être utiliser certaines bibliothèques JavaScript disponibles pour produire de tels effets:

  • www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/#more-896
  • www.jqueryui.com/effect/

Un compromis: les transitions CSS tirent parti de l'accélération graphique native du navigateur (GPU) et sont donc plus fluides que l'utilisation des effets JavaScript.

2
rach8garg