mand-mobile
Version:
A Vue.js 2.0 Mobile UI Toolkit
1 lines • 1.13 kB
CSS
.md-activity-indicator-rolling-success{position:relative}.md-activity-indicator-rolling-success .right{position:absolute;left:50%;top:50%}.md-activity-indicator-rolling-success .right line{will-change:auto}.md-activity-indicator-rolling-success .right line:first-child{-webkit-animation:md-activity-indicator-rolling-line0 .2s cubic-bezier(1,.5,.8,1) forwards;animation:md-activity-indicator-rolling-line0 .2s cubic-bezier(1,.5,.8,1) forwards}.md-activity-indicator-rolling-success .right line:last-child{opacity:0;-webkit-animation:md-activity-indicator-rolling-line1 .2s cubic-bezier(1,.5,.8,1) .2s forwards;animation:md-activity-indicator-rolling-line1 .2s cubic-bezier(1,.5,.8,1) .2s forwards}@-webkit-keyframes md-activity-indicator-rolling-line0{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}@keyframes md-activity-indicator-rolling-line0{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}@-webkit-keyframes md-activity-indicator-rolling-line1{0%{opacity:1;stroke-dashoffset:35}to{opacity:1;stroke-dashoffset:0}}@keyframes md-activity-indicator-rolling-line1{0%{opacity:1;stroke-dashoffset:35}to{opacity:1;stroke-dashoffset:0}}