もう冬ですね、だいぶ寒くなってきました。
最近はjsを使わずにcssでできるアニメーションが増えてきてcssが好きな自分としては嬉しい限りです。
今回はサンプルとしてアニメーションを8通り作ってみました。
See the Pen
BAR by kushi (@kushi95)
on CodePen.
@keyframesを使って時間差をつけて動かしてます。
上記のサンプルはシンプルな動きですが、もっと細かく指定してあげれば複雑な動きも可能となりますので今度は複雑なアニメーションを作ってみようと思います！（来年に持ち越します！）