bytedance-flowgram/apps/docs/theme/components/background/index.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;
}