/* REALISTIC WATER FLOW */ .water{ position:absolute; width:10px; height:145px; right:35px; top:157px; border-radius:50%; background: linear-gradient( 90deg, rgba(255,255,255,.25), rgba(75,190,225,.9), rgba(255,255,255,.35), rgba(55,175,215,.85) ); box-shadow: 0 0 5px rgba(80,190,225,.45), 2px 0 8px rgba(255,255,255,.25); z-index:5; animation:realWater 1s ease-in-out infinite; } .water-core{ position:absolute; width:4px; height:140px; right:38px; top:159px; border-radius:50%; background:rgba(255,255,255,.65); filter:blur(1px); z-index:6; animation:waterHighlight 1.1s ease-in-out infinite; } /* DROPS */ .drop{ position:absolute; width:8px; height:13px; right:31px; top:278px; border-radius:55% 55% 60% 60%; background: radial-gradient( circle at 35% 25%, rgba(255,255,255,.9), #55bee3 45%, #269bc5 ); box-shadow:0 1px 4px rgba(30,150,200,.35); opacity:0; z-index:10; animation:realDrop 1.8s linear infinite; } .drop2{ right:37px; animation-delay:.45s; transform:scale(.7); } .drop3{ right:30px; animation-delay:.9s; transform:scale(.55); } .drop4{ right:35px; animation-delay:1.3s; transform:scale(.75); } .drop5{ right:32px; animation-delay:1.65s; transform:scale(.5); } /* SPLASH */ .splash{ position:absolute; width:5px; height:22px; right:36px; bottom:112px; border-radius:50%; background:linear-gradient( 180deg, rgba(255,255,255,.8), #55bee3 ); opacity:0; z-index:11; animation:splashUp 1.6s ease-out infinite; } .splash2{ right:55px; height:15px; animation-delay:.15s; } .splash3{ right:18px; height:18px; animation-delay:.25s; } /* IMPACT */ .impact-ring{ position:absolute; width:30px; height:10px; right:25px; bottom:102px; border:2px solid rgba(80,190,225,.7); border-radius:50%; z-index:9; animation:impact 1.4s ease-out infinite; } /* WATER RIPPLES */ .ripple{ position:absolute; width:125px; height:30px; right:-5px; bottom:93px; border:2px solid rgba(60,185,220,.55); border-radius:50%; z-index:8; animation:realRipple 2.2s ease-out infinite; } .ripple2{ animation-delay:.7s; } .ripple3{ animation-delay:1.4s; } /* ANIMATIONS */ @keyframes realWater{ 0%,100%{ transform:scaleX(.82) scaleY(.94); opacity:.72; } 50%{ transform:scaleX(1.08) scaleY(1.03); opacity:1; } } @keyframes waterHighlight{ 0%,100%{ opacity:.25; transform:translateX(0); } 50%{ opacity:.8; transform:translateX(1px); } } @keyframes realDrop{ 0%{ transform:translateY(-5px) scale(.7); opacity:0; } 15%{ opacity:1; } 70%{ opacity:1; } 100%{ transform:translateY(70px) scale(.9); opacity:0; } } @keyframes splashUp{ 0%{ transform:translateY(12px) scale(.4); opacity:0; } 25%{ opacity:1; } 100%{ transform:translateY(-28px) scale(1); opacity:0; } } @keyframes impact{ 0%{ transform:scale(.4); opacity:.9; } 100%{ transform:scale(1.7); opacity:0; } } @keyframes realRipple{ 0%{ transform:scale(.35); opacity:.8; } 70%{ opacity:.35; } 100%{ transform:scale(1.45); opacity:0; } }
SANITARY WARE & BATHROOM FITTINGS
𝓗𝓪𝓲𝓫𝓪𝓵𝓲
SANITARY WARE & BATHROOM FITTINGS

Elegant Design.
Everyday Comfort.

Discover modern bathroom solutions designed with style, quality and comfort for everyday living.

Product Categories

Explore the HAIBALI Product Collection

All Series / All Products

Angle Mix Series

Pillar Cock Series

Pillar Cock

Basin Mixer

Wall Mounted Basin Mixer

Other Series

Shower Mixer

Stand Shower Mixer

Bathtub Mixer

Sink Mixer

Moving Shower

Accessories

Others

← Back to Categories

Products

About Haibali

Haibali is a sanitary ware and bathroom fittings brand focused on modern design, quality and everyday comfort.

Contact Us

Haibali — Sanitary Ware & Bathroom Fittings