Question

我有一个实际的网址，它带给我的开发页面。这适用于mozilla和chrome，但不适用于SAFARI。这只是向您展示我在Safari中单击顶部链接时要实现的目标。

网址:: http://start.natedawg.dev.p01.aug.me/responsive

---我不知道为什么 -webkit-gradient 和/或 -webkit-linear-gradient 在Safari中不起作用。

JsFiddle链接显示了CSS3代码的简单代码。请根据需要进行编辑。

/* Webkit Keyframes !!!____ this is not working in safari ____!!!*/
@-webkit-keyframes slideUp{
0%{
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 90%,rgba(168, 189, 57, 0.52) 90%);
  }
20%{
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 73%,rgba(168, 189, 57, 0.52) 73%);
  }
40%{
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 56%,rgba(168, 189, 57, 0.52) 56%);
  }
60%{
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%,rgba(168, 189, 57, 0.52) 40%);
  }
80% 
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 23%,rgba(168, 189, 57, 0.52) 23%);
  }
100%{
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(168, 189, 57, 0.52) 0%);
  }
}

网址:: http://jsfiddle.net/mlgmainstream/UdwwF/4/

谢谢！

CSS3 -webkit-动画无法使用Safari

0 个答案: