sakrab
@sakrab
Не будь побежден злом, но побеждай зло добром...

Реально ли на css?

Можно ли сделать такое на css? Может кто где нибудь встречал...

4c9d475577ab4f2a834f8f185214eb4a.jpg

Ну типо как ритм сердцебиения =)

Зеленая полоска бегает до конца и снова с начало =\
  • Вопрос задан
  • 168 просмотров
Решения вопроса 1
Вполне реально, при помощи svg.
https://css-tricks.com/animating-svg-css/
Посмотрите эту статью, тут расказано как делать анимированные SVG при помощи css.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@DP-Studio
20 лет веб-разработки
без js имхо нет.
Ответ написан
Комментировать
Если на чистом CSS попробовать, то есть вариант создать множество таких зелёных полос, правильно расположить и запускать в тот момент, когда предыдущая полоса дойдёт до точки, с которой начинается эта полоса, и увеличивать с нулевой до ширины до нужной, но такой вариант ещё едва возможен, когда ваш ритм содержит малое количество колебаний, а когда их уже больше, то лучше присмотреться к SVG, как написали в ответе выше. Вообще, по-моему, лучше сразу использовать SVG.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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