不透明度和缩放css3动画在safari中不起作用

时间:2015-03-11 09:56:19

标签: css3 safari css-animations

这是一个jfiddle,它适用于所有浏览器,除了safari,我不知道为什么不,我把它分成了速记。

http://jsfiddle.net/v7m713qm/2/

 -webkit-animation-name:anim-effect-glow;
  -webkit-animation-duration:1.5s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease-out;
  -webkit-animation-fill-mode:forwards;


@-webkit-keyframes anim-effect-glow {
   0% {
     opacity: 1;
    -webkit-transform: scale3d(0.5, 0.5, 1);
     transform: scale3d(0.5, 0.5, 1);

  }
  100% {
     opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
  }
}

0 个答案:

没有答案