CATEGORY

アニメーション

AnimateCCのcanvasレスポンシブで困った件

Adobe AnimateCCは、Flash感覚でタイムラインアニメーションを作成し、canvas書き出しが出来る便利なソフトなのですが、レスポンシブの書きだしでちょっとハマってしまいました。同じことがまた起こると思われるので、メモしておきます。 本ケースの条件・環境 ワードプレステーマ内で利用(Foundationフレームワークを利用)AnimateCCのパブリッシュ設定 表示領域いっぱいも試し […]

CSSアニメーションを可視領域に入ったら発火(inview.js その1)

cssアニメーションはとても便利なのですが、アニメーションをいつ発動させるかは、CSSだけでは操作できません。そこで要素が画面内に入ったことをシンプルに判定したい。そんな時は「inview.js」の出番です。 使用方法の基本も簡単です。(1)CSSの@keyframesでアニメーションをつくる。(2)(1)のアニメーションを適用するCSSクラスをつくる。(2)inview.jsで、可視領域に入った […]