グラデーションのアニメーションを実装できる「Granim.js」
グラデーションをアニメーションで変化させるjavaライブラリ「Granim.js」が使えそうなので忘備録。「EXAMPLES」を見てみると放射状のグラデーションや、イメージにマージ(透過)させた例、マスクにグラデーションをつけた例などあり、いろいろと応用できそうなライブラリです。
Granim.js
-
水中の歪みを表現したエフェクトが気持ちいい「Liquid Distortion Effects」
-
SVGボタンに様々なエフェクトを実装できる「Distorted Button Effects」
-
anime.jsを使用したテキストエフェクト集「Moving Letters」
-
ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」
-
様々なホバーエフェクトを実装できる「imagehover.css」
RELATED POSTS
【CSS】フォントサイズの単位を相対比較できる「PXtoEM.com」
【jQuery】Google画像検索結果風のUI「Thumbnail Grid with Expanding Preview」
様々なエフェクトを実装できるパーティクルエンジン「Proton」
パーツを組み合わせるだけで簡単にHTMLを生成できる「Stitches」
【jQuery】要素をふわふわ動かすプラグイン「jqFloat.js」
CSSで実装するローディングアニメーション「Single Element CSS Spinners」
