POPSブログ

ブログ記事一覧: Transition

jQuery CSS3 transit.js使用のテキスト分割アニメーション z-indexの操作

jQueryプラグイン、jquery.transit.js、テキスト分割アニメーション時に綺麗になるように、個々のアニメーション処理で、delay直後にz-indexの操作で1番上に来るようにします。その他細やかな操作も可能です。
「前ページ」テキスト分割アニメーションでの欠点問題点を解決したものです。

≫ 続きを読む

jquery 2015/09/05 pops
タグ:css3 , Transition , jquery

jQuery CSS3 transit.js使用のテキスト分割アニメーション

jQueryプラグイン、jquery.transit.js、で簡単にCSS3 transitionの記述が出来ますのでテキスト分割アニメーションに応用、回転も簡単に出来て便利、通常のjQueryアニメーションより軽快に動作、HTMLで実行できるのがうれしい。

≫ 続きを読む

jquery 2015/08/26 pops
タグ:css3 , Transition , jquery

jQuery CSS3 transit.js使用のボタン式画像分割アニメーション

jQueryプラグイン、jquery.transit.js、で簡単にCSS3 transitionの記述が出来ますので画像分割アニメーションに応用、回転も簡単に出来て便利、通常のjQueryアニメーションより軽快に動作。ボタンとHOVERサムネール表示形式にしてみました。

≫ 続きを読む

jquery 2015/08/15 pops
タグ:slice , Transition , jquery

jQuery CSS3 transit.js使用の画像分割アニメーション

jQueryプラグイン、jquery.transit.js、で簡単にCSS3 transitionの記述が出来ますので画像分割アニメーションに応用してみました。回転も簡単に出来て便利、通常のjQueryアニメーションより軽快に動作します。ほとんどflash AS3などと同様な処理がJSのみで可能です。

≫ 続きを読む

jquery 2015/07/27 pops
タグ:slice , css3 , Transition , jquery

jQuery transit.jsの使用方法を調べてみました

jquery.transit.js、jQueryプラグインで簡単にCSS3 transitionの記述が、カスタムアニメーション animate() ライクに書けますので、通常の画像を回転させたり拡大させたりと便利です。通常のアニメーションより軽快に動作します。

≫ 続きを読む

jquery 2015/07/20 pops
タグ:css3 , Transition , jquery

jQuery アニメーション animate()

jQuery カスタムアニメーション animate() についての使用方法と注意点などに関することです。意外と簡単に利用できます。

≫ 続きを読む

jquery 2015/06/15 pops
タグ:jquery , Effect , Transition

CreateJS 大型画像Transition MENU

大型画像の Transition Mask 形式の画像エフェクトと「MENU」の組み合わせです。原則、正方形で構成しますが、円形、角丸四角形、四角形のマスクが可能です。一応「MENU」としての利用を目的としていますので(使える程度の代物)、画像読み込み失敗時のエラー処理もしました。TOPページでの使用を想定した構造、構成となります。
easeljs-0.7.1 でのテストです。

≫ 続きを読む

javascript 2014/06/15 pops

CreateJS 画像分割とTransitionMask等を組み合わせてアニメ表示する2、番外編

複数の形状の違う画像分割とTransitionMask等多数を組み合わせた 番外編です。1枚画像スライド、ダブルスライド、レーダーエフェクトなどを加えました。かなり「重体お病気系エフェクト」ですが、CreateJSが進化すればモット「エフェクト」が増えるでしょうから危篤状態も間近です。ボタンで任意に画像を読み込み表示する形式で作りました。
easeljs-0.7 でのテストです。

≫ 続きを読む

javascript 2013/12/09 pops

CreateJS 画像分割とTransitionMaskを組み合わせてアニメ表示する、番外編

複数の形状の違う「画像分割」と「マスク要素」を組み合わせて画像エフェクトする TransitionMask 番外編です。かなり複雑で「重症お病気系エフェクト」ですが、目の錯覚で区別の付かないものも有ります。
easeljs-0.7 でのテストです。

≫ 続きを読む

javascript 2013/11/30 pops

CreateJS Transition Mask マスク要素を組み合わせてアニメ表示する、番外編

複数の形状の違うマスク要素を組み合わせてマスクで画像エフェクトする Transition Mask 番外編です。マスク要素をシェイプトゥイーンもどきでグラフイックをカキカエ、マスクを着色して変化させる「お病気系エフェクト」です。
easeljs-0.7 でのテストです。

≫ 続きを読む

javascript 2013/11/25 pops

ブログ記事一覧

年別アーカイブ一覧



[1]