← エフェクトラボへ戻る

水面リップル+気泡(CSSアート)

CSS のみ

WebGLもJavaScriptアニメーションも使わず、同心円の広がりと気泡の上昇だけで水面の気配をつくっています。軽量で、どんなページにも馴染みます。

使いどころ

湧水・温泉・美容など「水」や「透明感」を扱う業種のトップページに。写真の上に重ねても、単独の背景としても使えます。