不勉強なことにCSS3 Animationはなめらかにスーッと滑らかに動くアニメーションしか出来ないと思っていたのですが、timing-functionにstepsというものがあってこれを使うとパラパラ漫画のようなアニメーションが出来ると知ったので、それを使ってthrobberを作ったメモです。 throbberの画像を用意する PNGでドットが8つ円形に並んでいる画像を1つ用意しました。 HTMLを書く .throbber { /* steps(1, start) は step-start でも良いみたい */ animation: rotate-throbber 1.1s steps(1, start) 0s infinite; -webkit-animation: rotate-throbber 1.1s steps(1, start) 0s infinite; position: