preloading.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. .line-scale-party>div,
  2. .line-scale-pulse-out-rapid>div,
  3. .line-scale-pulse-out>div,
  4. .line-scale>div {
  5. width: 4px;
  6. height: 35px;
  7. display: inline-block
  8. }
  9. .line-scale-party>div,
  10. .line-scale-pulse-out-rapid>div,
  11. .line-scale-pulse-out>div,
  12. .line-scale>div,
  13. .line-spin-fade-loader>div {
  14. border-radius: 2px;
  15. margin: 2px;
  16. background-color: #fff
  17. }
  18. @-webkit-keyframes line-scale {
  19. 0%,
  20. 100% {
  21. -webkit-transform: scaley(1);
  22. transform: scaley(1)
  23. }
  24. 50% {
  25. -webkit-transform: scaley(.4);
  26. transform: scaley(.4)
  27. }
  28. }
  29. @keyframes line-scale {
  30. 0%,
  31. 100% {
  32. -webkit-transform: scaley(1);
  33. transform: scaley(1)
  34. }
  35. 50% {
  36. -webkit-transform: scaley(.4);
  37. transform: scaley(.4)
  38. }
  39. }
  40. .line-scale>div:nth-child(1) {
  41. -webkit-animation: line-scale 1s -.4s infinite cubic-bezier(.2, .68, .18, 1.08);
  42. animation: line-scale 1s -.4s infinite cubic-bezier(.2, .68, .18, 1.08)
  43. }
  44. .line-scale>div:nth-child(2) {
  45. -webkit-animation: line-scale 1s -.3s infinite cubic-bezier(.2, .68, .18, 1.08);
  46. animation: line-scale 1s -.3s infinite cubic-bezier(.2, .68, .18, 1.08)
  47. }
  48. .line-scale>div:nth-child(3) {
  49. -webkit-animation: line-scale 1s -.2s infinite cubic-bezier(.2, .68, .18, 1.08);
  50. animation: line-scale 1s -.2s infinite cubic-bezier(.2, .68, .18, 1.08)
  51. }
  52. .line-scale>div:nth-child(4) {
  53. -webkit-animation: line-scale 1s -.1s infinite cubic-bezier(.2, .68, .18, 1.08);
  54. animation: line-scale 1s -.1s infinite cubic-bezier(.2, .68, .18, 1.08)
  55. }
  56. .line-scale>div:nth-child(5) {
  57. -webkit-animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
  58. animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08)
  59. }
  60. .line-scale>div {
  61. -webkit-animation-fill-mode: both;
  62. animation-fill-mode: both
  63. }