Update styles.css
This commit is contained in:
parent
736ee3d36e
commit
5cbd5025d0
@ -202,59 +202,4 @@
|
|||||||
to {
|
to {
|
||||||
opacity: 1;
|
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