机构审核-详情-复制按钮动画效果调整

This commit is contained in:
1378012178@qq.com 2026-02-27 11:16:04 +08:00
parent 0f0d0d63f7
commit 4db7e738d2
1 changed files with 3 additions and 14 deletions

View File

@ -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%;
}
}