perf: giảm backdrop-blur và bỏ will-change luôn-bật trên panel/card
This commit is contained in:
+4
-6
@@ -721,9 +721,8 @@ a {
|
|||||||
box-shadow:
|
box-shadow:
|
||||||
var(--surface-shadow),
|
var(--surface-shadow),
|
||||||
inset 0 1px 0 rgb(255 255 255 / 0.88);
|
inset 0 1px 0 rgb(255 255 255 / 0.88);
|
||||||
backdrop-filter: blur(18px) saturate(132%);
|
backdrop-filter: blur(10px) saturate(120%);
|
||||||
-webkit-backdrop-filter: blur(18px) saturate(132%);
|
-webkit-backdrop-filter: blur(10px) saturate(120%);
|
||||||
will-change: transform;
|
|
||||||
transition:
|
transition:
|
||||||
transform 280ms cubic-bezier(0.16, 1, 0.3, 1),
|
transform 280ms cubic-bezier(0.16, 1, 0.3, 1),
|
||||||
box-shadow 280ms cubic-bezier(0.16, 1, 0.3, 1),
|
box-shadow 280ms cubic-bezier(0.16, 1, 0.3, 1),
|
||||||
@@ -777,9 +776,8 @@ a {
|
|||||||
box-shadow:
|
box-shadow:
|
||||||
0 24px 66px rgb(37 75 54 / 0.13),
|
0 24px 66px rgb(37 75 54 / 0.13),
|
||||||
inset 0 1px 0 rgb(255 255 255 / 0.9);
|
inset 0 1px 0 rgb(255 255 255 / 0.9);
|
||||||
backdrop-filter: blur(12px) saturate(125%);
|
backdrop-filter: blur(8px) saturate(118%);
|
||||||
-webkit-backdrop-filter: blur(12px) saturate(125%);
|
-webkit-backdrop-filter: blur(8px) saturate(118%);
|
||||||
will-change: transform;
|
|
||||||
transition:
|
transition:
|
||||||
transform 280ms cubic-bezier(0.16, 1, 0.3, 1),
|
transform 280ms cubic-bezier(0.16, 1, 0.3, 1),
|
||||||
box-shadow 280ms cubic-bezier(0.16, 1, 0.3, 1),
|
box-shadow 280ms cubic-bezier(0.16, 1, 0.3, 1),
|
||||||
|
|||||||
Reference in New Issue
Block a user