https://wimc.events/public/wimc.css?v=1781556855695

1.movingBorder {
2  --border-color: var(--bs-primary);
3  --border-radius: var(--bs-border-radius);
4  --border-uncheck-color: var(--bs-white);
5  --border-size: var(--bs-border-width);
6  --border-time: 4s;
7  --border-offset: 0px;
8  --border-style: var(--bs-border-style);
9  border: var(--border-style) var(--border-size) var(--border-color);
10  border-radius: var(--border-radius);
11  position: relative;
12  animation: animate-borders var(--border-time) linear;
13}
14
15@keyframes animate-borders {
16  0% {
17    border: var(--border-style) var(--border-size) var(--border-uncheck-color);
18    border-left: var(--border-style) var(--border-size) var(--border-color);
19    border-radius: var(--border-radius);
20  }
21  25% {
22    border: var(--border-style) var(--border-size) var(--border-uncheck-color);
23    border-left: var(--border-style) var(--border-size) var(--border-color);
24    border-radius: var(--border-radius);
25  }
26  25.02% {
27    border: var(--border-style) var(--border-size) var(--border-uncheck-color);
28    border-left: var(--border-style) var(--border-size) var(--border-color);
29    border-bottom: var(--border-style) var(--border-size) var(--border-color);
30    border-radius: var(--border-radius);
31  }
32  50% {
33    border: var(--border-style) var(--border-size) var(--border-uncheck-color);
34    border-left: var(--border-style) var(--border-size) var(--border-color);
35    border-bottom: var(--border-style) var(--border-size) var(--border-color);
36    border-radius: var(--border-radius);
37  }
38  50.02% {
39    border: var(--border-style) var(--border-size) var(--border-uncheck-color);
40    border-left: var(--border-style) var(--border-size) var(--border-color);
41    border-bottom: var(--border-style) var(--border-size) var(--border-color);
42    border-right: var(--border-style) var(--border-size) var(--border-color);
43    border-radius: var(--border-radius);
44  }
45  75% {
46    border: var(--border-style) var(--border-size) var(--border-uncheck-color);
47    border-left: var(--border-style) var(--border-size) var(--border-color);
48    border-bottom: var(--border-style) var(--border-size) var(--border-color);
49    border-right: var(--border-style) var(--border-size) var(--border-color);
50    border-radius: var(--border-radius);
51  }
52  75.02% {
53    border: var(--border-style) var(--border-size) var(--border-color);
54    border-radius: var(--border-radius);
55  }
56}
57
58.movingBorder::after {
59  width: var(--border-size);
60  background-color: var(--border-uncheck-color);
61  height: 0px;
62  position: absolute;
63  bottom: 0;
64  left: calc(var(--border-size) * -1);
65  z-index: 1;
66  animation: move_down 5s linear;
67  animation-fill-mode: forwards;
68  content: '';
69  display: inline-block;
70}
71
72@keyframes move_down {
73  0% {
74    height: calc(100% + var(--border-offset));
75    width: calc(var(--border-size) * -1);
76    bottom: calc(var(--border-size) * -1);
77    left: calc(var(--border-size) * -1);
78  }
79  25% {
80    height: var(--border-size);
81    width: var(--border-size);
82    bottom: calc(var(--border-size) * -1);
83    left: calc(var(--border-size) * -1);
84  }
85  25.01% {
86    height: var(--border-size);
87    width: calc(100% + var(--border-offset));
88    bottom: calc(var(--border-size) * -1);
89    left: calc(var(--border-size) * -1);
90  }
91  50% {
92    height: var(--border-size);
93    width: 0%;
94    left: 100%;
95    bottom: calc(var(--border-size) * -1);
96  }
97  50.01% {
98    height: calc(100% + var(--border-offset));
99    width: var(--border-size);
100    left: 100%;
101    bottom: calc(var(--border-size) * -1);
102  }
103  75% {
104    height: 0;
105    width: var(--border-size);
106    left: 100%;
107    bottom: 100%;
108  }
109  75.01% {
110    height: var(--border-size);
111    width: calc(100% + var(--border-offset));
112    left: 0%;
113    bottom: 100%;
114  }
115  99.01% {
116    height: var(--border-size);
117    width: 0;
118    left: 0;
119    bottom: 100%;
120  }
121}