mirror of
https://github.com/lutinglt/gitea-github-theme.git
synced 2025-10-26 13:00:31 +00:00
28 lines
535 B
TypeScript
28 lines
535 B
TypeScript
import { overlayAppearDown, overlayAppearUp } from "src/core/theme";
|
|
import { css } from "src/types/vars";
|
|
|
|
export const keyframe = css`
|
|
// 向下出现动画
|
|
@keyframes ${overlayAppearDown} {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(-8px);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
// 向上出现动画
|
|
@keyframes ${overlayAppearUp} {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(8px);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
`;
|