feat: add glow animation

This commit is contained in:
Ephraim Atta-Duncan
2025-10-31 06:03:38 +00:00
parent 233e6e603c
commit cdfd373958
4 changed files with 88 additions and 3 deletions

View File

@ -197,6 +197,56 @@
}
}
@keyframes edgeGlow {
0%,
100% {
opacity: 0.3;
}
50% {
opacity: 0.6;
}
}
.edge-glow {
animation: edgeGlow 2s ease-in-out infinite;
}
.edge-glow-top {
background: linear-gradient(
to bottom,
rgba(162, 231, 113, 0.4) 0%,
rgba(162, 231, 113, 0.2) 20%,
transparent 100%
);
}
.edge-glow-right {
background: linear-gradient(
to left,
rgba(162, 231, 113, 0.4) 0%,
rgba(162, 231, 113, 0.2) 20%,
transparent 100%
);
}
.edge-glow-bottom {
background: linear-gradient(
to top,
rgba(162, 231, 113, 0.4) 0%,
rgba(162, 231, 113, 0.2) 20%,
transparent 100%
);
}
.edge-glow-left {
background: linear-gradient(
to right,
rgba(162, 231, 113, 0.4) 0%,
rgba(162, 231, 113, 0.2) 20%,
transparent 100%
);
}
/*
* Custom CSS for printing reports
* - Sets page margins to 0.5 inches