#1 Improve shadows scroll performance

This commit is contained in:
Sam Carlton 2020-10-29 18:50:15 -05:00
parent d4c1baacb3
commit aefdcc499e
2 changed files with 13 additions and 5 deletions

View file

@ -73,16 +73,24 @@
inset -8rem -8rem 8rem rgba(255, 255, 255, 0.05);
}
.neumorphic-shadow-outer,
.hover\:neumorphic-shadow-outer:hover {
/* box-shadow: -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07); */
box-shadow:
-0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07),
0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.12),
-.75rem -.75rem 1.75rem rgba(255, 255, 255, 0.07),
0.75rem 0.75rem 1.75rem rgba(0, 0, 0, 0.12);
}
.neumorphic-shadow-inner,
.hover\:neumorphic-shadow-inner:hover {
/* box-shadow: -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07); */
box-shadow:
inset -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07),
inset 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.12),
inset -.75rem -.75rem 1.75rem rgba(255, 255, 255, 0.07),
inset 0.75rem 0.75rem 1.75rem rgba(0, 0, 0, 0.12);
/* inset 8rem 8rem 8rem rgba(0, 0, 0, 0.05),
inset -8rem -8rem 8rem rgba(255, 255, 255, 0.05); */
}
.bg-blur,