css - CSS 中的 Win8 加载器动画

Question

我在 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%对于 from to的动画52%，我认为属性的变化left应该更多。但是，如果我这样做，请将其更改为35%to60%而不是40.625%to 56.25%，点之间的间距也会增加，而在我不想要26%的过渡范围内。52%（而且我不明白为什么会这样）。

谁能提出更好的价值观？

http://jsfiddle.net/nNfAy/

Answer 1

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

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