Html 在safari 3.1.7中，CSS3传输未正常工作

我有一个页面元素，是CSS3，我想过渡图像从左到右淡出

它可以在Chrome、Firefox、IE、OP中完美运行，但不能在Safari 5.1.7 windows中运行

非常感谢您的帮助

HTML

<li class="product">
     <div class="image"><img src="http://elektronika.techtestbox.com/images/product.png"></div>
     <span>Products</span>
</li>

试试这个

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate(100px, 0px);
            transform: translate(100px, 0px);
  }
}

translate3d为windows safari解决了一些问题

演示链接：

---

我要找的是可能重复的。谢谢你的帮助。但是其他浏览器会让你烦恼。

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate(100px, 0px);
            transform: translate(100px, 0px);
  }
}