@WebforSelf

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

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

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

5d4be9974db0a418158705.png
  • Вопрос задан
  • 133 просмотра
Решения вопроса 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
муз. канал t.me/blackstreet69th
Я бы сделал следующим образом.
Круги и пульсацию можно загуглить в считанные минуты.
Далее мы видим какие-то кружки, предположим что они крутятся, тоже делаем кучу кружков и их нужно будет трансформом наклонить и анимацией вертеть по кругу(...что...).
Анимация счетчика по кругу тоже можно загуглить, крч все можно загуглить попробуйте по отдельности только.
Ответ написан
Ваш ответ на вопрос

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

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