add back scanning animation

This commit is contained in:
Abi Raja 2023-11-15 15:52:03 -05:00
parent 9254a4344c
commit 387da27f51

View File

@ -2,6 +2,33 @@
@tailwind components;
@tailwind utilities;
/* Image Scanning animation */
.scanning::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 5px;
height: 100%;
background-image: linear-gradient(
to right,
rgba(19, 161, 14, 0.2),
/* Darker matrix green with full transparency */ rgba(19, 161, 14, 0.8)
/* The same green with 80% opacity */
);
animation: scanning 3s ease-in-out infinite;
}
@keyframes scanning {
0%,
100% {
transform: translateX(0px);
}
50% {
transform: translateX(340px);
}
}
@layer base {
:root {
--background: 0 0% 100%;