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