Skip to content

Bing blur header by jonnyjong

Screenshot of Bing blur header

Details

Authorjonnyjong

LicenseNo License

Categorybing

Created

Updated

Size893 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

必应搜索结果页顶栏背景高斯模糊。

Notes

你可以修改第七行以改变顶栏背景颜色。

Source code

/* ==UserStyle==
@name         Bing blur header
@version      20220225.09.20
@namespace    userstyles.world/user/jonnyjong
@description  必应搜索结果页顶栏背景高斯模糊。
@author       jonnyjong
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://cn.bing.com/search?q="), url-prefix("https://www.bing.com/search?q=") {
.phead{
    transition: .1s ease-in-out;
}
header#b_header {
    position: sticky;
    top: 0px;
    z-index: 10000 !important;
    background: #0000 !important;
    backdrop-filter: blur(50px) saturate(180%);
    transition: .1s ease-in-out;
}
header#b_header div.b_header_bg thm_ThDf {
    background: #0000;
}
.phead.phead_smallest{
    background-color: #0000;
    box-shadow: none;
    border-bottom: none;
}
.b_scopebar{
    opacity: 1;
    transition: .2s;
}
.phead_smallest+.b_scopebar{
    opacity: 0;
    height: 26px;
}
}

Reviews

No reviews yet.