From 94de132cf00b7b7006594697f9be55784acd5b45 Mon Sep 17 00:00:00 2001 From: root Date: Thu, 24 Sep 2026 15:38:37 +0200 Subject: [PATCH] =?UTF-8?q?style(glass):=20=D0=BB=D1=91=D0=B3=D0=BA=D0=BE?= =?UTF-8?q?=D0=B5=20=D0=BC=D0=B0=D1=82=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD?= =?UTF-8?q?=D0=B8=D0=B5=20=D0=BF=D0=BE=D0=B2=D0=B5=D1=80=D1=85=20=D0=B8?= =?UTF-8?q?=D1=81=D0=BA=D0=B0=D0=B6=D0=B5=D0=BD=D0=B8=D1=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - панели: url(#displacement) blur(3px) - кнопки: url(#displacement-btn) blur(2px) - видна волна стекла + мягкое стекло, без глухой матовости --- public/css/main.css | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/public/css/main.css b/public/css/main.css index 4b33cd2..72e987d 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -114,9 +114,9 @@ html[data-theme="dark"] { inset 0 -1px 0 color-mix(in srgb, hsl(var(--theme-h) calc(var(--theme-s) * 1%) calc(var(--theme-l) * 1%)) 18%, transparent); --btn-primary-backdrop: blur(16px) saturate(135%); --btn-primary-backdrop-hover: blur(18px) saturate(140%); - /* Liquid Glass (Хабр): чистое искажение без матовости — только Chromium */ - --btn-primary-backdrop-lg: url(#liquid-glass-displacement-btn); - --btn-primary-backdrop-hover-lg: url(#liquid-glass-displacement-btn); + /* Liquid Glass (Хабр): искажение + лёгкое матирование — только Chromium */ + --btn-primary-backdrop-lg: url(#liquid-glass-displacement-btn) blur(2px); + --btn-primary-backdrop-hover-lg: url(#liquid-glass-displacement-btn) blur(2px); /* Полупрозрачный акцентный фон, чтобы displacement был виден (Liquid Glass) */ --btn-primary-bg-lg: radial-gradient( circle at 0% 0%, @@ -220,9 +220,9 @@ html[data-theme="light"] { inset 0 -1px 0 color-mix(in srgb, var(--accent) 32%, hsl(0 0% 0%) 68%); --btn-primary-backdrop: blur(10px) saturate(142%); --btn-primary-backdrop-hover: blur(11px) saturate(148%); - /* Liquid Glass (Хабр): чистое искажение без матовости — только Chromium */ - --btn-primary-backdrop-lg: url(#liquid-glass-displacement-btn); - --btn-primary-backdrop-hover-lg: url(#liquid-glass-displacement-btn); + /* Liquid Glass (Хабр): искажение + лёгкое матирование — только Chromium */ + --btn-primary-backdrop-lg: url(#liquid-glass-displacement-btn) blur(2px); + --btn-primary-backdrop-hover-lg: url(#liquid-glass-displacement-btn) blur(2px); /* Полупрозрачный акцентный фон, чтобы displacement был виден (Liquid Glass) */ --btn-primary-bg-lg: radial-gradient( circle at 0% 0%, @@ -5139,9 +5139,9 @@ html[data-theme="dark"] { inset 0 1px 0 hsla(0, 0%, 100%, 0.09); --v12-glass-neutral-filter: blur(16px) saturate(118%); --v12-glass-neutral-filter-elevated: blur(18px) saturate(125%); - /* Liquid Glass (Хабр): чистое искажение без матовости — только Chromium */ - --v12-glass-neutral-filter-lg: url(#liquid-glass-displacement); - --v12-glass-neutral-filter-elevated-lg: url(#liquid-glass-displacement); + /* Liquid Glass (Хабр): искажение + лёгкое матирование — только Chromium */ + --v12-glass-neutral-filter-lg: url(#liquid-glass-displacement) blur(3px); + --v12-glass-neutral-filter-elevated-lg: url(#liquid-glass-displacement) blur(3px); } html[data-theme="light"] { @@ -5157,9 +5157,9 @@ html[data-theme="light"] { inset 0 -1px 0 hsla(0, 0%, 0%, 0.04); --v12-glass-neutral-filter: blur(12px) saturate(124%); --v12-glass-neutral-filter-elevated: blur(14px) saturate(130%); - /* Liquid Glass (Хабр): чистое искажение без матовости — только Chromium */ - --v12-glass-neutral-filter-lg: url(#liquid-glass-displacement); - --v12-glass-neutral-filter-elevated-lg: url(#liquid-glass-displacement); + /* Liquid Glass (Хабр): искажение + лёгкое матирование — только Chromium */ + --v12-glass-neutral-filter-lg: url(#liquid-glass-displacement) blur(3px); + --v12-glass-neutral-filter-elevated-lg: url(#liquid-glass-displacement) blur(3px); } html[data-theme="dark"] .header--scrolled .header__inner,