[SVG] loadingアニメーション #square-slide

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

こんにちわ。
 

運の良さは、待っている人よりも、攻めている人の方が比率が高いことに改めて気がついた下駄です。
 

宝くじで考えると、いつも買っている人の方が当たる確率は高いですからね。
当たり前ですが、買わない人には当たりません。
 

今回のloadingアニメ素材は、非常にシンプルなモノです。
 

HTMLやればもっと簡単にできるんですが、svgでは、オブジェクトを2つ作ってグルーピングして、それぞれをアニメーションさせるという面倒くささですが、見た目はシンプルで悪くないので、比較的お気に入りです。

Source

 

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


 

Leave a Reply

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