💓 Анимация в виде "Шкалы сердцебиения" с помощью SVG и CSS Отлично подойдет для оформления каких-либо элементов на сайтах медицинской тематики HTML-разметка <div class="loading"> <svg width="16px" height="12px"> <polyline id="back" points="1 6 4 6 6 11 10 1 12 6 15 6"></polyline> <polyline id="front" points="1 6 4 6 6 11 10 1 12 6 15 6"></polyline> </svg> </div> CSS-стили .loading { transform: scale(10); } .loading svg polyline { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .loading svg polyline#back { stroke: #ff4d5033; } .loading svg polyline#front { stroke: #ff4d4f; stroke-dasharray: 12, 36; stroke-dashoffset: 48; animation: dash 1s linear infinite; } @keyframes dash { 62.5% { opacity: 0; } to { stroke-dashoffset: 0; } } 👍- если было полезно | ➡️ WebTaverna