Angular JS Loading Animation with Bootstrap 3 Refresh Glyiphicon.
HTML
1 2 3 4 |
<span ng-show="busy" class="glyphicon glyphicon-refresh rotating"></span> <span ng-show="emailAvailable && registerForm.email.$valid" class="glyphicon glyphicon-ok floating green"></span> |
LESS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
@-webkit-keyframes rotating { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .rotating { float: right; position: relative; top: -24px; right: 10px; -webkit-animation: rotating 1s linear infinite; } .floating { float: right; position: relative; top: -24px; right: 10px; } .green { color: green; } |
refs:
https://mircozeiss.com/github-like-signup-form-with-angularjs-and-bootstrap-v3/