1 
2<p class="loader"><span>Scan</span></p>          

 1 
 2.loader {
 3  max-width: fit-content;
 4  color: rgb(242, 255, 240);
 5  font-size: 50px;
 6  font-family: Mine;
 7  position: relative;
 8  font-style: italic;
 9  font-weight: 600;
10}
11.loader span {
12  animation: cut 2s infinite;
13  transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
14}
15.loader:hover {
16  color: #fcffdf;
17}
18.loader::after {
19  position: absolute;
20  content: "";
21  width: 100%;
22  height: 6px;
23  border-radius: 4px;
24  background-color: #ff828291;
25  top: 0px;
26  filter: blur(10px);
27  animation: scan 2s infinite;
28  left: 0;
29  z-index: 0;
30  transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
31}
32 
33.loader::before {
34  position: absolute;
35  content: "";
36  width: 100%;
37  height: 5px;
38  border-radius: 4px;
39  background-color: #ff8282;
40  top: 0px;
41  animation: scan 2s infinite;
42  left: 0;
43  z-index: 1;
44  filter: opacity(0.9);
45  transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
46}
47@keyframes scan {
48  0% {
49    top: 0px;
50  }
51  25% {
52    top: 54px;
53  }
54  50% {
55    top: 0px;
56  }
57  75% {
58    top: 54px;
59  }
60}
61@keyframes cut {
62  0% {
63    clip-path: inset(0 0 0 0);
64  }
65  25% {
66    clip-path: inset(100% 0 0 0);
67  }
68  50% {
69    clip-path: inset(0 0 100% 0);
70  }
71  75% {
72    clip-path: inset(0 0 0 0);
73  }
74}