Как зафиксировать анимацию кнопки в CSS?

Question

[Phoeniks]

Здравствуйте подскажите пожалуйста, как в данном случай зафиксировать инимацию?

.allsides-7_1 {
    background:
        linear-gradient(currentColor 0 0) 0 100%,
        linear-gradient(currentColor 0 0) 0 100%,
        linear-gradient(currentColor 0 0) 100% 100%,
        linear-gradient(currentColor 0 0) 100% 100%;
    border: 1px solid #343647;
    background-size: var(--p, 0%) 3px, 3px var(--d, 0);
    background-repeat: no-repeat;
    transition: 0.5s;

}
.allsides-7_1:hover {
    color: #4cc9f0;
    --d: 100%;
    --p: 0%
}

Comments

[Вадим]

Что значит "зафиксировать"?

[Phoeniks]

Ну во, когда наводишь мышкой на кнопку, появляется анимация, то есть линии, как сделать, чтобы эти линии были постоянны не наводя на кнопку, просто заморозить анимацию

[Антон Антон]

Phoeniks, на js добавить класс вместо псевдокласса hover