Я использую box-shadow для получения плавающего 3D-эффекта, который, на мой взгляд, выглядит хорошо. Он применяется к элементу basi c div с некоторыми дочерними элементами - ничего особенного. Проблема в темном режиме заключается в том, что я получаю тяжелые JPEG-подобные артефакты сжатия. Для пояснения: такой проблемы нет в светлом режиме (белый фон и черная тень), а просто в темном режиме (черный фон и белая тень). CSS используется для тени:
box-shadow: 0 0 8rem 0 rgba(255, 255, 255, 0.1),
0rem 2rem 4rem -3rem rgba(255, 255, 255, 0.2)