グラデーションのアニメーションを実装できる「Granim.js」
グラデーションをアニメーションで変化させるjavaライブラリ「Granim.js」が使えそうなので忘備録。「EXAMPLES」を見てみると放射状のグラデーションや、イメージにマージ(透過)させた例、マスクにグラデーションをつけた例などあり、いろいろと応用できそうなライブラリです。
Granim.js
-
非レスポンシブの要素をレスポンシブ化する「Reframe.js」
-
ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」
-
モーフィングアニメーションのページ遷移を実装できる「Morphing Page Transition」
-
anime.jsを使用したテキストエフェクト集「Moving Letters」
-
【jQuery】ロールオーバー時にテキストをシャッフルさせる「chaffle.js」
RELATED POSTS
2択のUIデザインから正しいデザインを選択していくゲーム「Can’t Unsee」
【jQuery】レスポンシブ・フレキシブルなモーダルウィンドウ「iziModal.js」
水中の歪みを表現したエフェクトが気持ちいい「Liquid Distortion Effects」
【jQuery】ページ移動時にアニメーション効果をつけられるAnimsition
複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」
【jQuery】サイドバーをスライドで表示できるSimple Sidebar
