新建注册页面

hongjli

2025-04-08 e113f64857a16d661c973f0c35f9604f5b4ec24a

 src/app/globals.css

@@ -806,3 +806,41 @@
.animate-shine {
  animation: shine 1.5s ease-in-out;
}

/* 页面渐入效果优化 */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes pageTransition {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* 添加全局过渡效果 */
.page-transition-enter {
  opacity: 0;
  transform: translateY(10px);
}

.page-transition-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 300ms, transform 300ms;
}

/* 优化全局动画性能 */
.animate-fadeIn {
  animation: fadeIn 300ms cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
  will-change: opacity, transform;
  backface-visibility: hidden;
}

/* 使用GPU加速改善性能 */
.gpu-accelerated {
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
  will-change: transform, opacity;
}