/*在IE11中使用CSS3动画时需要特别注意一些问题*/
/*1. 使用GPU加速*/
/*可以使用CSS属性-webkit-transform、-ms-transform等将动画元素应用于GPU上，让浏览器可以更快的渲染*/
@keyframes mymove {
from {transform:translateX(0);}
to {transform:translateX(100px);}
}
#myElement {
-webkit-transform:translateZ(0);
-ms-transform:translateZ(0);
transform:translateZ(0);
animation:mymove 1s infinite;
}
/*2. 避免使用过多的动画*/
/*在同一个元素上同时使用多个动画，或者同时使用多个元素上的动画，会增加浏览器的渲染负担。
#myElement {
animation:1s move infinite,2s rotate infinite;
}
/*3. 使用requestAnimationFrame*/
/*requestAnimationFrame是一种优化浏览器渲染的技术，可以替代setInterval和setTimeout，更加高效*/
function animate() {
var element=document.getElementById("myElement"),
left=0;
function frame() {
left++;
element.style.left=left+'px';
requestAnimationFrame(frame);
}
requestAnimationFrame(frame);
}总的来说，在使用CSS3动画时，需要特别考虑到IE11的兼容性问题，尤其是在处理复杂的动画效果时，需要特别细心和耐心，才能避免出现卡顿和闪烁的现象。