39 lines
785 B
CSS
39 lines
785 B
CSS
/**
|
|
* Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
|
|
* SPDX-License-Identifier: MIT
|
|
*/
|
|
|
|
.background2-canvas {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
|
|
/* Ensure smooth rendering */
|
|
.background2-canvas {
|
|
image-rendering: -webkit-optimize-contrast;
|
|
image-rendering: -moz-crisp-edges;
|
|
image-rendering: crisp-edges;
|
|
image-rendering: pixelated;
|
|
}
|
|
|
|
/* Dark mode specific adjustments */
|
|
[data-theme='dark'] .background2-canvas {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
/* Light mode specific adjustments */
|
|
[data-theme='light'] .background2-canvas {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
/* Animation performance optimization */
|
|
.background2-canvas {
|
|
will-change: transform;
|
|
transform: translateZ(0);
|
|
backface-visibility: hidden;
|
|
} |