CSSでローテーションアニメーションを遅くするにはどうすればいいですか？

Question

私はこの世界の画像を回転させる回転キーフレームを持っている：

これによって呼び出され

@keyframes App-world-spin { 
    from { 
     transform: rotate(0deg); 
    } 
    to { 
     transform: rotate(360deg); 
    } 
} 

：私は遅くしたい

：

.App-world { 
    animation: App-world-spin infinite 20s linear; 
    height: 200px; 
} 

これを生成しますそれは世界が変わるより現実的なスピードを生み出すように、それを下げます。例えば200Sへ

Answer 1

変更20S（econds）、：

animation: App-world-spin infinite 200s linear; 

200sは200秒間の要素をアニメーション化するブラウザに指示します。したがって、それが完全な回転を完了するために200秒かかるでしょう。もちろん、地球はあなたの目的に合わせて調整するのに時間がかかります:)