Update styles.css
This commit is contained in:
parent
736ee3d36e
commit
5cbd5025d0
@ -203,58 +203,3 @@
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* Анимация прогресс-бара */
|
||||
.progress-bar-inner {
|
||||
animation: progress 1s;
|
||||
}
|
||||
|
||||
@keyframes progress {
|
||||
from {
|
||||
width: 0;
|
||||
}
|
||||
to {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Анимация кругового прогресса */
|
||||
.progress-ring {
|
||||
animation: progress-ring 1s;
|
||||
}
|
||||
|
||||
@keyframes progress-ring {
|
||||
from {
|
||||
stroke-dashoffset: 251;
|
||||
}
|
||||
to {
|
||||
stroke-dashoffset: calc(251 - (251 * var(--percent) / 100));
|
||||
}
|
||||
}
|
||||
|
||||
/* Анимация прогресса */
|
||||
.progress-hp {
|
||||
animation: progress-hp 1s;
|
||||
}
|
||||
|
||||
@keyframes progress-hp {
|
||||
from {
|
||||
width: 0;
|
||||
}
|
||||
to {
|
||||
width: var(--percent-hp);
|
||||
}
|
||||
}
|
||||
|
||||
.progress-stamina {
|
||||
animation: progress-stamina 1s;
|
||||
}
|
||||
|
||||
@keyframes progress-stamina {
|
||||
from {
|
||||
width: 0;
|
||||
}
|
||||
to {
|
||||
width: var(--percent-stamina);
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user