CSS 中的 Win8 加载器动画答案

【问题标题】：Win8 Loader Animation in CSSCSS 中的 Win8 加载器动画
【发布时间】：2013-04-18 21:18:56
【问题描述】：

我用 CSS 制作了一份 Win8 加载器动画的副本（请参阅 JSFidle），但感觉不是这样...... windows 一样。

@-webkit-keyframes win8-dot1 {
    0%   { left: -30px;  }
    26%  { left: 40.625%  }
    52%  { left: 56.25%;  }
    78%  { left: 98.83%; opacity: 1;}
    79%  { opacity: 0;}
    100% { left: 98.83%; opacity: 0; }
}

对于从26%到52%的动画，我觉得属性left的变化应该更多。但是，如果我这样做，请将其更改为 35% 到 60% 而不是 40.625% 到 56.25%，点之间的间距也会增加，而在 26% 到 52% 之间的过渡是我不想要的。（而且我不明白为什么会这样）。

谁能提出更好的价值观？

http://jsfiddle.net/nNfAy/

【问题讨论】：

标签： css css-animations

【解决方案1】：

这是我找到并在我的网站上使用的 Win8 加载程序。

http://codepen.io/anon/pen/AoDei

【讨论】：