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