Guest User

Untitled

a guest
Nov 23rd, 2017
70
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.82 KB | None | 0 0
  1. .loading {
  2. display: none;
  3. width: 150px;
  4. height: 15px;
  5. margin: 0 auto;
  6. margin-bottom: 10px;
  7. text-align: center
  8. }
  9.  
  10. .loading span {
  11. display: inline-block;
  12. width: 15px;
  13. height: 100%;
  14. margin-right: 5px;
  15. border-radius: 50%;
  16. background: #fc4506;
  17. -webkit-animation: load 1.04s ease infinite;
  18. }
  19.  
  20. @keyframes load {
  21. 0% {
  22. opacity: 1;
  23. }
  24.  
  25. 100% {
  26. opacity: 0;
  27. }
  28. }
  29.  
  30. @-webkit-keyframes load {
  31. 0% {
  32. opacity: 1;
  33. }
  34.  
  35. 100% {
  36. opacity: 0;
  37. }
  38. }
  39.  
  40. .loading span:nth-child(1) {
  41. -webkit-animation-delay: 0.13s;
  42. }
  43.  
  44. .loading span:nth-child(2) {
  45. -webkit-animation-delay: 0.26s;
  46. }
  47.  
  48. .loading span:nth-child(3) {
  49. -webkit-animation-delay: 0.39s;
  50. }
  51.  
  52. .loading span:nth-child(4) {
  53. -webkit-animation-delay: 0.52s;
  54. }
Add Comment
Please, Sign In to add comment