@WebforSelf

Как сделать такую штуку на CSS3?

Друзья, возник сложный вопрос: "Как можно анимировать данное изображение на css?"

Нужно, чтобы круги пульсировали, а круговая загрузка с 0 до 96 загружалась по кругу.
Искал по всему интернету, но ничего похожего не нашел, это вообще реально сделать?

5d4be9974db0a418158705.png
  • Вопрос задан
  • 105 просмотров
Решения вопроса 1
@lagudal
пульсирование кругов более наглядно на мой взгляд в вот такого рода анимациях можно подглядеть -
https://codepen.io/Webevasion/pen/wmrYbg
https://codepen.io/Valiev/pen/WxrzXm
https://codepen.io/Valiev/pen/akQZbG
по счетчику - если надо чтобы проценты считались, то без js никак, например
https://codepen.io/reddesigns/pen/qXPMZV
или подобное ищите - ключевые слова preloader animation, loading counter animation etc.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Lord_Dantes
@Lord_Dantes
Я бы сделал следующим образом.
Круги и пульсацию можно загуглить в считанные минуты.
Далее мы видим какие-то кружки, предположим что они крутятся, тоже делаем кучу кружков и их нужно будет трансформом наклонить и анимацией вертеть по кругу(...что...).
Анимация счетчика по кругу тоже можно загуглить, крч все можно загуглить попробуйте по отдельности только.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Эйлер Ульяновск
от 65 000 руб.
Naive Москва
от 150 000 руб.
JarSoft Новосибирск
от 2 000 до 2 500 usd.
25 авг. 2019, в 17:25
500 руб./за проект
25 авг. 2019, в 14:05
60000 руб./за проект