liqian
e5ccd8d031
All checks were successful
Gitea Actions Official-website / deploy-dev (push) Successful in 3s
50 lines
1.4 KiB
CSS
50 lines
1.4 KiB
CSS
|
||
html {
|
||
width: 100%;
|
||
}
|
||
body {
|
||
/* width: 100vw;
|
||
height: 100vh; */
|
||
background: #000;
|
||
overflow-x: hidden;
|
||
scroll-behavior: smooth !important;
|
||
-webkit-overflow-scrolling: touch !important;
|
||
/* padding: 0 !important;
|
||
margin:0 !important; */
|
||
/* max-width:100% !important;
|
||
width: 100vw !important;
|
||
margin:0 auto; */
|
||
/* max-width:100vw !important */
|
||
/* margin:0 auto !important; */
|
||
}
|
||
/* 当视口宽度大于1920px时生效 */
|
||
@media screen and (min-width: 1920px) {
|
||
/* 这里写你的样式 */
|
||
body {
|
||
max-width:100% !important;
|
||
width: 100vw !important;
|
||
}
|
||
|
||
}
|
||
.opacity0 {
|
||
opacity: 0;
|
||
transform: translateY(0.5rem);
|
||
visibility: hidden;
|
||
/* margin-top: 20px; */
|
||
will-change: opacity, transform;
|
||
backface-visibility: hidden;
|
||
perspective: 1000px;
|
||
transition:
|
||
opacity 1.2s ease-in-out,
|
||
transform 1.2s ease-in-out,
|
||
visibility 1.2s ease-in-out;
|
||
}
|
||
/* 18-19号防卡顿：延迟19号动画 */
|
||
/* [data-order="19"] {
|
||
transition: all 0.3s ease-out 0.2s !important;
|
||
} */
|
||
[data-order], .annotation, .progress-fill, .zoom-image, .float-card {
|
||
transform: translateZ(0); /* 开启硬件加速，将元素交给 GPU 渲染 */
|
||
will-change: opacity, transform; /* 告诉浏览器提前优化这个元素 */
|
||
backface-visibility: hidden; /* 防止元素翻转时的闪烁 */
|
||
} |