kingdot/lib/theme-default/Spin.css

A UI Components Library For Vue

.kd-spin{display:inline-block}.kd-spin.kd-spin-overlay{position:fixed;top:0;right:0;bottom:0;left:0}.kd-spin.kd-spin-local{position:absolute}.kd-spin .kd-spin-wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.kd-spin .kd-spin-animation{margin:0 auto;width:40px;height:40px;text-align:center;-webkit-animation:kd-spin-rotate 2s linear infinite;animation:kd-spin-rotate 2s linear infinite}.kd-spin .kd-spin-roate{color:#557dfc}.kd-spin .kd-spin-circle{-webkit-animation:kd-spin-dash 1.5s ease-in-out infinite;animation:kd-spin-dash 1.5s ease-in-out infinite;stroke-dasharray:269,358;stroke-dashoffset:0;fill:none;stroke-width:6;stroke:#557dfc;r:57}.kd-spin .kd-spin-text{margin:3px 0;color:#557dfc;text-align:center;font-size:14px}.kd-spin-mini .kd-spin-animation{width:24px;height:24px}.kd-spin-mini .kd-spin-roate{font-size:24px}.kd-spin-small .kd-spin-animation{width:32px;height:32px}.kd-spin-small .kd-spin-roate{font-size:32px}.kd-spin-default .kd-spin-animation{width:40px;height:40px}.kd-spin-default .kd-spin-roate{font-size:40px}.kd-spin-large .kd-spin-animation{width:48px;height:48px}.kd-spin-large .kd-spin-roate{font-size:48px}@-webkit-keyframes kd-spin-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}@keyframes kd-spin-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}@-webkit-keyframes kd-spin-dash{0%{stroke-dasharray:1,358;stroke-dashoffset:0}50%{stroke-dasharray:269,358;stroke-dashoffset:-89.5}to{stroke-dasharray:269,358;stroke-dashoffset:-358}}@keyframes kd-spin-dash{0%{stroke-dasharray:1,358;stroke-dashoffset:0}50%{stroke-dasharray:269,358;stroke-dashoffset:-89.5}to{stroke-dasharray:269,358;stroke-dashoffset:-358}}