بلور نشدن

درود دوست عزیز
متوجه منظور شما نشدم و لطف کنید کدتون هم کامل تر قرار بدید

    display: none;
    position: absolute;
    left: -100%;
    top: 100px;
    gap: 0;
    width: 100%;
    text-align: center;
    transition: 1s;
    background: rgba( 255, 255, 255, 0 );
    backdrop-filter: blur( 7.5px );
    -webkit-backdrop-filter: blur( 7.5px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
  }```

``` <ul class="nav-links">
          <li class="nav-link">
            <a href="#" class="nav-li">خانه</a>
          </li>
          <li class="nav-link services ">
            <a href="#" class="nav-li">کاری که ما انجام می دهیم

            </a>
            <ul class="drop-down">
              <li>هوافضا</li>
              <li>نظامی و دفاعی</li>
            </ul>
          </li>
          <li class="nav-link">
            <a href="#" class="nav-li">درباره ما</a>
          </li>
          <li class="nav-link">
            <a href="#" class="nav-li">اتاق خبر</a>
          </li>
        </ul>

سلام فک کنم اگه backdrop-filter: blur( 7.5px ); رو به div پدر انتقال بدین درست بشه