CSS - я застрял в проблеме кодирования анимации CSS на codepen

Question

CSS - я застрял в проблеме кодирования анимации CSS на codepen

0

Я бы хотел, чтобы зеленый бар оставался там, где он находится, когда он добирается до полного круга, а не повторяет анимацию снова и снова. Если бы кто-нибудь мог мне помочь, я бы очень признателен. Весь необходимый код находится в файле codepen.

user3050263 29 нояб. 2013, в 18:41

Источник

Теги:

html

css

animation

webkit

1 ответ

Ещё вопросы

Hiral · Answer 1 · 2013-11-29T15-45-00.000Z

Изменить:

-webkit-animation-iteration-count: infinite;

в

-webkit-animation-iteration-count: 1;

и удалить

border-left-color: transparent;
border-top-color: transparent;

от .timer-l,.timer-r

ДЕМО здесь.

Спасибо, что делает то, что я просил, но есть ли способ получить его, чтобы зеленая полоса не была скачкообразной, поэтому она быстро загружалась от малого к большому?