0

CSS で Win8 ローダー アニメーションのコピーを作成しました (JSFidle を参照) が、そうは感じません ... ウィンドウのように。

@-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しかし、私がそれを行うと、 to の代わりに to に変更すると35%、60%ドット40.625%間56.25%の間隔も増加し、その範囲内で26%は52%望ましくありません。（そして、なぜそれが起こっているのかわかりません）。

誰かがより良い値を思いつくことができますか?

http://jsfiddle.net/nNfAy/

4

1 に答える 1

0

これは私が見つけた Win8 ローダーで、自分の Web サイトで使用していました。

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

于 2013-04-18T13:18:56.580 に答える