机构审核-详情-复制按钮动画效果调整
This commit is contained in:
parent
0f0d0d63f7
commit
4db7e738d2
|
|
@ -662,24 +662,13 @@ defineExpose({
|
||||||
|
|
||||||
/* 3. 悬停触发:执行动画 */
|
/* 3. 悬停触发:执行动画 */
|
||||||
.aclk:hover::before {
|
.aclk:hover::before {
|
||||||
animation: light-sweep 1.5s ease-in-out forwards;
|
animation: light-sweep 1.15s ease-in-out forwards;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 4. 关键帧定义 */
|
/* 4. 关键帧定义 */
|
||||||
@keyframes light-sweep {
|
@keyframes light-sweep {
|
||||||
0% {
|
to {
|
||||||
left: -100%; /* 从左边外开始 */
|
left: 100%;
|
||||||
}
|
|
||||||
100% {
|
|
||||||
/*
|
|
||||||
逻辑:
|
|
||||||
按钮宽度是 100%。
|
|
||||||
光带宽度也是 100%。
|
|
||||||
要让光带完全移出右侧边界,left 需要移动到 200% 的位置。
|
|
||||||
这样光带的左边缘(200%) + 光带宽(100%) = 300%,完全在右边外面了。
|
|
||||||
即使只设 150% 也能大部分移出,200% 最稳妥。
|
|
||||||
*/
|
|
||||||
left: 200%;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue