「Css」地址栏内信息图标隐藏动画

#urlbar-container>#urlbar :is(#identity-box,#identity-box *,#remote-control-box,#urlbar-search-button,#tracking-protection-icon-container,#tracking-protection-icon-container *,#urlbar-label-box,#page-action-buttons,#page-action-buttons *) {
    max-width: 0px !important;
    /*去除图标外的空间*/
    padding-inline: 0px !important;
    /*去除文字压缩时显示的'...'*/
    overflow: hidden !important;
    /*最后一个时间是地址栏图标显示的时间*/
    transition: max-width 230ms ease-in 3.6s !important;
}
 
#urlbar-container:has(+#unified-extensions-button:active)>#urlbar :is(#identity-box,#identity-box *,#remote-control-box,#urlbar-search-button,#tracking-protection-icon-container,#tracking-protection-icon-container *,#urlbar-label-box,#page-action-buttons,#page-action-buttons *) {
    max-width: 100px  !important;
    /*需要按住激活隐藏图标的时间*/
    transition-delay: 1s !important;
}