$radius: 65 $pi: 3.14159265358979 $perimeter: 2 * $pi * $radius .loader left: 50% pointer-events: none position: absolute top: 50% transform: translate3d(-50%, -50%, 0) .loader__spinner margin: 0 auto opacity: 1 stroke-dasharray: $perimeter stroke-dashoffset: $perimeter transform: rotate(0deg) transform-origin: center .loader__spinner_loading animation: load 1s infinite linear stroke-dashoffset: $perimeter / 2 transition: 0.4s .loader__spinner_loaded opacity: 0 stroke-dashoffset: 0 transition: 1s ease-out @keyframes load 0% transform: rotate(0deg) 100% transform: rotate(360deg)
