🫧 Tank with Bubble Animation

💡 Implementation Notes

• Bubble Animation: Uses SVG <animate> elements with varying dur and begin offsets
• Realistic Effect: Multiple bubble sizes (r="1.5" to "4") with different speeds (2.2s to 3.5s)
• Opacity Fade: Bubbles fade out as they rise using parallel opacity animation
• Staggered Timing: begin attribute creates natural bubble pattern
• Performance: Pure CSS/SVG - no JavaScript required for animation
• Responsive: SVG scales perfectly to any size

🔧 C# Integration Example

For Blazor/WPF implementation in ModernIndustrialSkin.RenderTank():

• Generate bubbles dynamically based on tank dimensions
• Calculate bubble positions: startY = tankY + liquidHeight
• Only render bubbles when level > 0
• Use Random for natural bubble distribution