add back scanning animation
This commit is contained in:
parent
9254a4344c
commit
387da27f51
@ -2,6 +2,33 @@
|
|||||||
@tailwind components;
|
@tailwind components;
|
||||||
@tailwind utilities;
|
@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 {
|
@layer base {
|
||||||
:root {
|
:root {
|
||||||
--background: 0 0% 100%;
|
--background: 0 0% 100%;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user