javascript - ボトル内の水位を動的に満たす Javascript 効果

Question

ユーザーがページにアクセスしたときに、透明なボトルの水のレベルが底の0から指定された量、たとえば800mlまで動的に増加するJavaScriptで効果を発揮することは可能ですか. フラッシュでその効果を見ましたが、水の量を増やしたいのですが、管理パネルで指定できます

Answer 1

ボトルの反転画像 (内側は透明な部分) から始めて、その背後に、背景を含む可変高さの要素を配置します。