SVGで自由変形
ここのマウスオーバーエフェクトがものすごく素敵なので、いつか使ってみたいのでちょっとSVGを勉強しておく。
◯を▲に変えるとか、pathタグのd属性を変えればできるのは分かってるけど、アニメは付けられない。上記のDEMOを見たらAdobeが出した「Snap-svg」ってライブラリを使ってアニメを生成しているのが分かった。
path.animate( { 'path' : パスデータ }, 速度, イージング );
See the Pen aBxzb by Renowan (@renowan) on CodePen.