Ink Transition Effectはインクがこぼれて広がったようなエフェクトを実装することができます。インパクトがあってとても印象的なエフェクトです。CSSアニメーションやjQueryが使われています。何か人とは違ったエフェクトを取り入れたいといった場合によさそうですね。
Ink Transition Effect
以下のページからInk Transition Effectの実際のデモを確認できます。
デモではSTART EFFECTボタンをクリックすると、インクが紙にこぼれて染み広がっていくようなエフェクトとともに、コンテンツが表示されます。
右上のバツ印をクリックすると今度は逆にインクが消えていき、元のページへ戻っていきます。
けっこうリアルな感じでとてもおもしろいエフェクトです。
単純にただコンテンツを表示させるだけではなくて、こういったエフェクトとともに表示させることで印象にも残りやすそうですね。
というわけで、CSSアニメーションやjQueryを活用してインクをこぼしたようなエフェクトを実装する「Ink Transition Effect」のご紹介でした。
Ink Transition Effectのダウンロードや詳しい使い方に関しては以下からどうぞ。
