<div class="blur-container">
  <div class="blur-layer layer1"></div>
  <div class="blur-layer layer2"></div>
  <div class="blur-layer layer3"></div>
  <div class="blur-layer layer4"></div>
</div>

.blur-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 80px;
  pointer-events: none;
  z-index: 4;
  overflow: hidden;
}

.blur-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.blur-layer.layer1 {
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  mask-image: linear-gradient(to bottom, transparent 0%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 100%);
}

.blur-layer.layer2 {
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  mask-image: linear-gradient(to bottom, transparent 10%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 10%, black 100%);
}

.blur-layer.layer3 {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  mask-image: linear-gradient(to bottom, transparent 20%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 20%, black 100%);
}

.blur-layer.layer4 {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  mask-image: linear-gradient(to bottom, transparent 30%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 30%, black 100%);
}
Gold Coast - Australia

Websites that think before they speak

A Gold Coast-based studio creating websites with purpose, through design, development, and strategy.

Explore our work
5.0
Based on 57 reviews
David did an amazing job. He was highly organized, polite, and worked closely with us on every detail. The website looks great and the backend is incredibly easy to use. Highly recommended!
Aleisha Martin - Beare Flooring
David is a state-of-the-art professional. He took the time to understand our mission and delivered a website that is both beautiful and strategic. His attention to detail and commitment are second to none.
Howard Kodra - Oceans Harmony
David helped us set up our website and digital identity. He is responsive, creative and solutions oriented. I would highly recommend David's services, as we continue to use him as our external supplier.
Brett Towers - Western Sydney Leadership Group
Solid execution and clear communication. David has hit every deadline with faultless quality from day one. He is highly professional and knows how to deliver results without having to be chased up. A reliable partner for any project.
Travis Latter - Infinity Business Brokers
Working with Studio Quatro is a breath of fresh air. Olga is an incredible professional, customer-focused, experienced, and easy to work with. In just two months, we’ve seen fantastic results on our social media. A smooth and stress-free collaboration!
Natasha Petrova - Kitchen Remedy
David took care of everything from start to finish. He built us an incredible professional site and was always there to help with our requests. Excellent service and results!
Anastasia Brown - Baluca Media
Thrilled with our new website! David was incredibly responsive, patient, and provided expert design advice. It’s everything we wanted and more. 100% recommended!
Lorien Stark - Pole & Aerial Divas
Olga’s marketing expertise is top-notch. She provided a solid plan and ongoing support that helps me make smarter decisions for my business. Her insights into the market and competitors were invaluable.
Nick Terkulov - NG Loans
David is great at his job. Not only he is knowledgeable but has a good designing taste. Our website looks beautiful and we have had many compliments from our patients.
Omid Salar - Trusted Dentals