fix(style): header-dividing animation
这个提交包含在:
@@ -53,7 +53,7 @@
|
|||||||
&::after {
|
&::after {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: -10%;
|
left: -5%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
width: 30%;
|
width: 30%;
|
||||||
@@ -84,7 +84,7 @@
|
|||||||
background-color: color-mix(in srgb, var(--background) 90%, transparent);
|
background-color: color-mix(in srgb, var(--background) 90%, transparent);
|
||||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||||
|
|
||||||
/* 进入动画:透明度由0到1 */
|
// 进入动画:透明度由0到1
|
||||||
animation: sticky-in 0.5s ease-in-out forwards;
|
animation: sticky-in 0.5s ease-in-out forwards;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
|
||||||
@@ -116,10 +116,12 @@
|
|||||||
// 扫描线动画 - 模拟终端扫描效果
|
// 扫描线动画 - 模拟终端扫描效果
|
||||||
@keyframes scan-line {
|
@keyframes scan-line {
|
||||||
0% {
|
0% {
|
||||||
left: -10%;
|
left: -5%;
|
||||||
|
width: 5%;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
30% {
|
30% {
|
||||||
|
width: 30%;
|
||||||
opacity: .3;
|
opacity: .3;
|
||||||
}
|
}
|
||||||
70% {
|
70% {
|
||||||
|
|||||||
在新议题中引用
屏蔽一个用户