2023-09-25 21:04:07 +08:00
|
|
|
@keyframes keyframes-pulse {
|
|
|
|
|
0% {
|
|
|
|
|
transform: translateX(-100%) translateZ(0)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
transform: translateX(100%) translateZ(0)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2023-05-02 23:38:38 +08:00
|
|
|
@keyframes addCard {
|
|
|
|
|
0% {
|
2023-12-25 15:58:36 +08:00
|
|
|
box-shadow: 100vw 0px 0px -1px var(--b3-protyle-inline-mark-background) inset;
|
2023-05-02 23:38:38 +08:00
|
|
|
}
|
|
|
|
|
100% {
|
2023-12-25 15:58:36 +08:00
|
|
|
box-shadow: 3px 0px 0px -1px var(--b3-protyle-inline-mark-background) inset;
|
2023-05-02 23:38:38 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2022-05-26 15:18:53 +08:00
|
|
|
@keyframes fadeIn {
|
|
|
|
|
0% {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
to {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@keyframes zoomIn {
|
|
|
|
|
0% {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
transform: scale(0.8);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
to {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@keyframes rotate {
|
|
|
|
|
from {
|
|
|
|
|
transform: rotate(0deg);
|
|
|
|
|
}
|
|
|
|
|
to {
|
|
|
|
|
transform: rotate(359deg);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2023-08-20 17:41:52 +08:00
|
|
|
@keyframes scale {
|
|
|
|
|
0% {
|
|
|
|
|
transform: scaleY(1.3);
|
|
|
|
|
transform-origin: 0 0;
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
transform: scaleY(1);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2022-05-26 15:18:53 +08:00
|
|
|
@keyframes stripMove {
|
|
|
|
|
0% {
|
|
|
|
|
background-position: 0 0;
|
|
|
|
|
}
|
|
|
|
|
100% {
|
|
|
|
|
background-position: 50px 50px;
|
|
|
|
|
}
|
|
|
|
|
}
|