Posted at

アイコンタイプのよくあるローディング用SCSSモジュール(ちょっと汎用性あるやつ)

More than 1 year has passed since last update.

こういうのよく使って便利ですよね


アイコン風に使えるLoading

ちょっとしたローディングステータスを表現したいときにお使いください。

See the Pen SCSS Loading Circle Animation by rider (@mtmtkzm) on CodePen.

5月-23-2018 12-03-32.gif


説明

loading-icon ($size:50px, $color:orange, $bg-color:white)

デフォルトでは、「白背景でオレンジの50pxの円が回る」ようになっています。上記CodePenデモの左側です。

サイズに関しては 単位付きで渡してあげてください。