cssアニメーションは、webデザインの可能性を大きく広げてくれるテクニックです。html と css の基礎知識があれば誰でも簡単に実装でき、pc でもスマホでも css アニメーションを楽しむことができます。 前回の基礎編では、CSSやSMILでアニメーションをしたので、今回はJSのプラグインを使ってアニメーションをする方法で作ってみます。 まずは デモ 使うプラグインは、SVGのDOMをjQueryっぽく書けるSnapsvg。それと、手書き風なアニメーションが作れるvivus HTMLのソース的にはsvgタグにidをつける < CSSアニメーションとは、CSSだけでアニメーションすることができる機能のことです。 animationとtransitionの2種類があります。 animationは 再生回数を指定したり逆再生や遅延して再生など詳細な指定 が可能ですが、transitionは hover（マウスオーバー）などの
コード不要で手描き風のsvgアニメーションを自動作成できるエディタ Vivus Instant の使い方大公開 Paiza開発日誌
