/** Apply blur by default **/ .App-header { background: rgba(0, 0, 0, 0.5) !important; backdrop-filter: blur(15px) saturate(150%); } /** Or apply blur only when page is scrolled **/ .scrolled .App-header { background: rgba(0, 0, 0, 0.5) !important; backdrop-filter: blur(15px) saturate(150%); } if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } Kaynak oluşturulurken bu bağlantıdan yararlanılmıştır.

Üst Başlığa Blur Efekti Nasıl Verilir?

Can

/** Apply blur by default **/
.App-header {
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(15px) saturate(150%);
}
/** Or apply blur only when page is scrolled **/
.scrolled .App-header {
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(15px) saturate(150%);
}

Kaynak oluşturulurken bu bağlantıdan yararlanılmıştır.