div一つでローディングアイコン

box-shadowの属性値を円周にそう形で複数かいて、あとはanimationでstepsを用いてrotateさせるだけ。
※擬似要素へのアニメーション指定は動作しないスマホ端末とかがあったはずだから
実際では使えないかも。GIFアニメとかの方が現実的かなぁ

See the Pen RWNrqB by Yuji Arai (@arahell) on CodePen.

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です