[SVG] loadingアニメーション #Indicator

Pocket
LINEで送る
GREE にシェア
LinkedIn にシェア

こんにちわ。
 

転職するのが当たり前の世の中になっていますが、終身雇用がどーたらだとか、出世がどーたらというのは、一昔前の思考になっているようです。
 

出世して金儲けをするよりも、自分でビジネスを立ち上げたほうがよほどしがらみもなく、ストレスも少ない上、リスクは大きいが、実入りもそれ以上に大きいというのが今どきの思考なのですね。
 

自分で会社を立ち上げてそれまでのサラリーマン生活と全く違う感覚を得ることができ、人は仕事によって人生観がこれほどまでに変わるのかということを体験できた下駄です。
 

一概にどれがいいと言い切れるものではないですが、人生に憤りを感じている人は是非今の自分の環境をガラッと変えて見ることをおすすめします。
 

そんな人生のIndicatorがあるといいなあと思いつつ、今回のloadingアニメーションは、パズルを解きすすめる様なおもしろいアニメーションです。
 

Odd-Indicator

 

See the Pen
svg-loading oddIndicator
by YugetaKoji (@geta1972)
on CodePen.


 

解説

全部で8つのcudeを用意しているのですが、全て同じアニメーションで動作しているのがポイントです。
 

タイミングをずらすだけで、それぞれが独立して突き進んでいるように見えるのが、見ていて飽きない感じを覚えませんか?
 

微妙に設定している色味の変更も大幅に返るとまた違った効果に感じるので、お好みの色に変更してお使いください。

Leave a Reply

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