css - Safari上的@keyframe动画

我试图使用关键帧做一个非常简单的旋转动画。使用retina macbook pro和ipad mini在Safari 6中没有显示我的动画。奇怪的是，它在jfiddle iframe窗口内工作。

 <html>
   <head>
   <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   <title> - jsFiddle demo</title>
   <style type='text/css'>
     body {padding: 25px; background: black;}
     .one {
       -webkit-animation: all 6s linear infinite;
       background: red;
     }

     @-webkit-keyframes all
     {
       0%   {-webkit-transform: rotateY(0deg);}
       100%    {-webkit-transform: rotateY(360deg);}
     }
  </style>
</head>
<body>
  <div class="one">test</div>
</body>

Safari上的@keyframe动画

0 个答案: