virtheart
3173bd3cd6
- 在 lenis.client.ts 中提供 lenis 实例供全局使用 - 添加首页入场动画，包含字母动画和过渡效果 - 优化滚动行为，入场期间锁定滚动 - 修复自定义光标初始位置问题 - 调整页面布局样式，隐藏滚动条 - 更新头部组件类名以匹配新设计
33 lines
538 B
CSS
33 lines
538 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
:root {
|
|
--page-container--width: 1400px;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
max-width: 100%;
|
|
overflow-x: clip;
|
|
background: #fff;
|
|
}
|
|
|
|
html {
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
html::-webkit-scrollbar {
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
/* 首页入场动画期间首帧就隐藏滚动条，避免黑色遮罩边缘露出白色滚动槽。 */
|
|
html.is-home-intro-active,
|
|
html.is-home-intro-active body {
|
|
overflow: hidden;
|
|
background: #000;
|
|
}
|
|
}
|