| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- .line-scale-party>div,
- .line-scale-pulse-out-rapid>div,
- .line-scale-pulse-out>div,
- .line-scale>div {
- width: 4px;
- height: 35px;
- display: inline-block
- }
- .line-scale-party>div,
- .line-scale-pulse-out-rapid>div,
- .line-scale-pulse-out>div,
- .line-scale>div,
- .line-spin-fade-loader>div {
- border-radius: 2px;
- margin: 2px;
- background-color: #fff
- }
- @-webkit-keyframes line-scale {
- 0%,
- 100% {
- -webkit-transform: scaley(1);
- transform: scaley(1)
- }
- 50% {
- -webkit-transform: scaley(.4);
- transform: scaley(.4)
- }
- }
- @keyframes line-scale {
- 0%,
- 100% {
- -webkit-transform: scaley(1);
- transform: scaley(1)
- }
- 50% {
- -webkit-transform: scaley(.4);
- transform: scaley(.4)
- }
- }
- .line-scale>div:nth-child(1) {
- -webkit-animation: line-scale 1s -.4s infinite cubic-bezier(.2, .68, .18, 1.08);
- animation: line-scale 1s -.4s infinite cubic-bezier(.2, .68, .18, 1.08)
- }
- .line-scale>div:nth-child(2) {
- -webkit-animation: line-scale 1s -.3s infinite cubic-bezier(.2, .68, .18, 1.08);
- animation: line-scale 1s -.3s infinite cubic-bezier(.2, .68, .18, 1.08)
- }
- .line-scale>div:nth-child(3) {
- -webkit-animation: line-scale 1s -.2s infinite cubic-bezier(.2, .68, .18, 1.08);
- animation: line-scale 1s -.2s infinite cubic-bezier(.2, .68, .18, 1.08)
- }
- .line-scale>div:nth-child(4) {
- -webkit-animation: line-scale 1s -.1s infinite cubic-bezier(.2, .68, .18, 1.08);
- animation: line-scale 1s -.1s infinite cubic-bezier(.2, .68, .18, 1.08)
- }
- .line-scale>div:nth-child(5) {
- -webkit-animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
- animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08)
- }
- .line-scale>div {
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both
- }
|