Current Path : /var/www/www-root/data/www/monolith-realty.ru/bitrix/js/ui/buttons/images/ |
Current File : /var/www/www-root/data/www/monolith-realty.ru/bitrix/js/ui/buttons/images/ui-loading-spinner.svg |
<svg width="19" height="19" id="loader-circular" viewBox="25 25 50 50" xmlns="http://www.w3.org/2000/svg"> <style> #loader-circular { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; -webkit-transform-origin: center center; transform-origin: center center; } #loader-path { stroke: rgba(215,220,223,.74); stroke-width: 6; stroke-dasharray: 20, 200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; } @keyframes rotate { 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } </style> <circle id="loader-path" cx="50" cy="50" r="20" fill="none" stroke-miterlimit="10"/> </svg>