UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: отключение межстраничного лоудера
This commit is contained in:
@@ -4006,92 +4006,4 @@
|
||||
}
|
||||
}
|
||||
|
||||
.nodedc-processing-loader-fluid {
|
||||
width: 5rem;
|
||||
aspect-ratio: 1;
|
||||
padding: 0.625rem;
|
||||
box-sizing: border-box;
|
||||
display: grid;
|
||||
background: transparent;
|
||||
filter: blur(5px) contrast(15);
|
||||
mix-blend-mode: screen;
|
||||
}
|
||||
|
||||
.nodedc-processing-loader-fluid::before,
|
||||
.nodedc-processing-loader-fluid::after {
|
||||
content: "";
|
||||
position: static;
|
||||
grid-area: 1 / 1;
|
||||
display: block;
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin: 0.3125rem;
|
||||
border: 0;
|
||||
border-radius: 9999px;
|
||||
background: currentColor;
|
||||
box-shadow: none;
|
||||
offset-path: none;
|
||||
-webkit-mask-size: 100% 20px, 100% 100%;
|
||||
mask-size: 100% 20px, 100% 100%;
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-composite: destination-out;
|
||||
mask-composite: exclude;
|
||||
}
|
||||
|
||||
.nodedc-processing-loader-fluid::before {
|
||||
-webkit-mask-image:
|
||||
linear-gradient(#000 0 0),
|
||||
linear-gradient(#000 0 0);
|
||||
mask-image:
|
||||
linear-gradient(#000 0 0),
|
||||
linear-gradient(#000 0 0);
|
||||
animation: nodedc-processing-fluid-shape 2s infinite;
|
||||
}
|
||||
|
||||
.nodedc-processing-loader-fluid::after {
|
||||
-webkit-mask-image: linear-gradient(#000 0 0);
|
||||
mask-image: linear-gradient(#000 0 0);
|
||||
animation:
|
||||
nodedc-processing-fluid-shape 2s infinite,
|
||||
nodedc-processing-fluid-jitter 0.5s infinite cubic-bezier(0.5, 200, 0.5, -200);
|
||||
}
|
||||
|
||||
@keyframes nodedc-processing-fluid-shape {
|
||||
0% {
|
||||
-webkit-mask-position: 0 20%, 0 0;
|
||||
mask-position: 0 20%, 0 0;
|
||||
}
|
||||
|
||||
20% {
|
||||
-webkit-mask-position: 0 80%, 0 0;
|
||||
mask-position: 0 80%, 0 0;
|
||||
}
|
||||
|
||||
40% {
|
||||
-webkit-mask-position: 0 100%, 0 0;
|
||||
mask-position: 0 100%, 0 0;
|
||||
}
|
||||
|
||||
60% {
|
||||
-webkit-mask-position: 0 0%, 0 0;
|
||||
mask-position: 0 0%, 0 0;
|
||||
}
|
||||
|
||||
80% {
|
||||
-webkit-mask-position: 0 35%, 0 0;
|
||||
mask-position: 0 35%, 0 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-mask-position: 0 0, 0 0;
|
||||
mask-position: 0 0, 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes nodedc-processing-fluid-jitter {
|
||||
100% {
|
||||
transform: translate(0.1px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user