Анимация заполнения круга на css3

Подскажите, как на css3 сделать плавное заполнение такого круга:

f5d4bebd6634d163af6a0926bfe3d1ab.png

Уже гуглил и к сожалению ничего нужного не нашел (может плохо искал:)). Имею начальные знания, того как делать анимацию на css3.

P.S Есть идея, сделать прозрачной область полосы на картинке и залить фон градиентом, но как заставить все это анимироваться, понять не могу.
  • Вопрос задан
  • 9844 просмотра
Решения вопроса 1
itspers
@itspers
Берете вот это codepen.io/HugoGiraudel/pen/BHEwo
На фон засувуете еще один круг с серым и накрытваете свехру белым
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы