[CSS]ネコ好きにはたまらない!紐につかまった猫がぶらぶらするプリローダー -Cat Swinging on String

画像は一切無し、CSS+HTMLで実装された、紐につかまった猫がぶらぶらするCSSアニメーションを紹介します。

ページが読み込まれる時のプリローダーで、こんなのがあったらずっと見ちゃいますねw

ネコのプリローダーネコのプリローダー


上記のアニメーションgifはコマを落としているので、細かい動きが分かりにくいですが、瞬きなどの動きもしています。
「Run Pen」をクリックすると、実際の動作を楽しめます。

See the Pen CSS: Cat Swinging on String by David Khourshid (@davidkpiano) on CodePen.

HTMLを見ると、ものすごい数のdivが使用されています。

top of page

©2017 coliss