2 lines
8.7 KiB
CSS
2 lines
8.7 KiB
CSS
|
@keyframes line-scale-8574693a{0%{transform:scaley(1)}50%{transform:scaley(.4)}to{transform:scaley(1)}}.line-scale .shape1[data-v-8574693a]{animation:line-scale-8574693a 1s .1s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale .shape2[data-v-8574693a]{animation:line-scale-8574693a 1s .2s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale .shape3[data-v-8574693a]{animation:line-scale-8574693a 1s .3s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale .shape4[data-v-8574693a]{animation:line-scale-8574693a 1s .4s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale .shape5[data-v-8574693a]{animation:line-scale-8574693a 1s .5s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale .shape[data-v-8574693a]{background-color:#39cd80;width:4px;height:35px;border-radius:2px;margin:2px;animation-fill-mode:both;display:inline-block}.container[data-v-6476c6bc]{width:30px;height:30px;position:relative}.container.loading1[data-v-6476c6bc]{transform:rotate(45deg)}.container .shape[data-v-6476c6bc]{position:absolute;width:10px;height:10px;border-radius:1px}.container .shape.shape1[data-v-6476c6bc]{left:0;background-color:#1890ff}.container .shape.shape2[data-v-6476c6bc]{right:0;background-color:#91cb74}.container .shape.shape3[data-v-6476c6bc]{bottom:0;background-color:#fac858}.container .shape.shape4[data-v-6476c6bc]{bottom:0;right:0;background-color:#e66}.loading1 .shape1[data-v-6476c6bc]{animation:animation1shape1-6476c6bc .5s ease 0s infinite alternate}@keyframes animation1shape1-6476c6bc{0%{transform:translate(0)}to{transform:translate(16px,16px)}}.loading1 .shape2[data-v-6476c6bc]{animation:animation1shape2-6476c6bc .5s ease 0s infinite alternate}@keyframes animation1shape2-6476c6bc{0%{transform:translate(0)}to{transform:translate(-16px,16px)}}.loading1 .shape3[data-v-6476c6bc]{animation:animation1shape3-6476c6bc .5s ease 0s infinite alternate}@keyframes animation1shape3-6476c6bc{0%{transform:translate(0)}to{transform:translate(16px,-16px)}}.loading1 .shape4[data-v-6476c6bc]{animation:animation1shape4-6476c6bc .5s ease 0s infinite alternate}@keyframes animation1shape4-6476c6bc{0%{transform:translate(0)}to{transform:translate(-16px,-16px)}}.container[data-v-1bfb0a44]{width:30px;height:30px;position:relative}.container.loading2[data-v-1bfb0a44]{transform:rotate(10deg)}.container.loading2 .shape[data-v-1bfb0a44]{border-radius:5px}.container.loading2[data-v-1bfb0a44]{animation:rotation 1s infinite}.container .shape[data-v-1bfb0a44]{position:absolute;width:10px;height:10px;border-radius:1px}.container .shape.shape1[data-v-1bfb0a44]{left:0;background-color:#1890ff}.container .shape.shape2[data-v-1bfb0a44]{right:0;background-color:#91cb74}.container .shape.shape3[data-v-1bfb0a44]{bottom:0;background-color:#fac858}.container .shape.shape4[data-v-1bfb0a44]{bottom:0;right:0;background-color:#e66}.loading2 .shape1[data-v-1bfb0a44]{animation:animation2shape1-1bfb0a44 .5s ease 0s infinite alternate}@keyframes animation2shape1-1bfb0a44{0%{transform:translate(0)}to{transform:translate(20px,20px)}}.loading2 .shape2[data-v-1bfb0a44]{animation:animation2shape2-1bfb0a44 .5s ease 0s infinite alternate}@keyframes animation2shape2-1bfb0a44{0%{transform:translate(0)}to{transform:translate(-20px,20px)}}.loading2 .shape3[data-v-1bfb0a44]{animation:animation2shape3-1bfb0a44 .5s ease 0s infinite alternate}@keyframes animation2shape3-1bfb0a44{0%{transform:translate(0)}to{transform:translate(20px,-20px)}}.loading2 .shape4[data-v-1bfb0a44]{animation:animation2shape4-1bfb0a44 .5s ease 0s infinite alternate}@keyframes animation2shape4-1bfb0a44{0%{transform:translate(0)}to{transform:translate(-20px,-20px)}}.container[data-v-d6fca181]{width:30px;height:30px;position:relative}.container.loading3[data-v-d6fca181]{animation:rotation 1s infinite}.container.loading3 .shape1[data-v-d6fca181]{border-top-left-radius:10px}.container.loading3 .shape2[data-v-d6fca181]{border-top-right-radius:10px}.container.loading3 .shape3[data-v-d6fca181]{border-bottom-left-radius:10px}.container.loading3 .shape4[data-v-d6fca181]{border-bottom-right-radius:10px}.container .shape[data-v-d6fca181]
|