CSSのちょっとした動作にはとてもお世話になっております。
最近だとSVGアイコンに動きを与えてアクセントつけたり、メニューのスライドなんかはもう無くてはならないと思ってます。
しかしいつも他の人が作ったモジュールをそのまま使っているので動作は理解しているけど仕組みは理解していない状態でした。
このため細かい調整や修正で困ることが増えてきましたのでちょっと自分の知識を補強するためにいまさらながらCSSのアニメーションを勉強。
参考にしたのは以下のサイト
http://www.atmarkit.co.jp/ait/articles/1307/04/news002.html
http://lopan.jp/css-animation/
この2つは順を追って初心者でも分かるように丁寧に実例も交えて説明していたのでとても参考になりました。
まだまだ自由自在とはいきませんがCSSアニメーションに対しての意識を克服とまではいきませんが改善することが出来ました。
ちょっとしたことでもいちいちフレームワーク読み込ませたりする場合があったのですが、本当にちょっとしたものであればサクっと作ることが出来るようになったので製作の選択肢が広がりました。
関連記事