38 lines
760 B
Plaintext
38 lines
760 B
Plaintext
.zhst-scanner {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
|
|
&_active {
|
|
&::before {
|
|
position: absolute;
|
|
content: '';
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: calc(100% - 2px);
|
|
border-bottom: 2px solid #03a9f4;
|
|
animation: radar-beam 1s infinite;
|
|
animation-timing-function: cubic-bezier(0.3, 0, 0.43, 0.7);
|
|
background: linear-gradient(180deg,
|
|
rgb(0 153 255 / 2%) 0%,
|
|
rgb(0 153 255 / 10%) 58%,
|
|
rgb(0 153 255 / 10%) 93%,
|
|
rgb(0 152 255 / 50%) 100%);
|
|
transform: translateY(-100%);
|
|
z-index: 10;
|
|
}
|
|
}
|
|
}
|
|
|
|
@keyframes radar-beam {
|
|
0% {
|
|
transform: translateY(-100%);
|
|
}
|
|
|
|
100% {
|
|
transform: translateY(0);
|
|
}
|
|
}
|