「水の波紋」をHTML5で再現
FLASHでポピュラーな表現技法の一つである水の波紋を、HTML5で再現。本サイトのヘッダーバナーとして実装しました(2014.06.20)。
FLASH版と同様に、マウスオーバーによって複数の波紋が生じ、水面をなぞっている様な動きを見せます。一見、何の工夫も無い画像の上をマウスが通過した時に揺れ動く。。。ちょっとした「隠しアイテム」的な演出として用いてみては如何でしょうか。
- ホーム
- HTML5デザイン
FLASHでポピュラーな表現技法の一つである水の波紋を、HTML5で再現。本サイトのヘッダーバナーとして実装しました(2014.06.20)。
FLASH版と同様に、マウスオーバーによって複数の波紋が生じ、水面をなぞっている様な動きを見せます。一見、何の工夫も無い画像の上をマウスが通過した時に揺れ動く。。。ちょっとした「隠しアイテム」的な演出として用いてみては如何でしょうか。