You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
5.9 KiB

.ball-triangle-path>div:nth-child(1),.ball-triangle-path>div:nth-child(2){-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;-webkit-animation-duration:2s;-moz-animation-duration:2s;-moz-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}@-webkit-keyframes ball-triangle-path-1{33%{-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px)}66%{-webkit-transform:translate(50px,0);transform:translate(50px,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-moz-keyframes ball-triangle-path-1{33%{-moz-transform:translate(25px,-50px);transform:translate(25px,-50px)}66%{-moz-transform:translate(50px,0);transform:translate(50px,0)}100%{-moz-transform:translate(0,0);transform:translate(0,0)}}@-o-keyframes ball-triangle-path-1{33%{-o-transform:translate(25px,-50px);transform:translate(25px,-50px)}66%{-o-transform:translate(50px,0);transform:translate(50px,0)}100%{-o-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-triangle-path-1{33%{-webkit-transform:translate(25px,-50px);-moz-transform:translate(25px,-50px);-o-transform:translate(25px,-50px);transform:translate(25px,-50px)}66%{-webkit-transform:translate(50px,0);-moz-transform:translate(50px,0);-o-transform:translate(50px,0);transform:translate(50px,0)}100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ball-triangle-path-2{33%{-webkit-transform:translate(25px,50px);transform:translate(25px,50px)}66%{-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-moz-keyframes ball-triangle-path-2{33%{-moz-transform:translate(25px,50px);transform:translate(25px,50px)}66%{-moz-transform:translate(-25px,50px);transform:translate(-25px,50px)}100%{-moz-transform:translate(0,0);transform:translate(0,0)}}@-o-keyframes ball-triangle-path-2{33%{-o-transform:translate(25px,50px);transform:translate(25px,50px)}66%{-o-transform:translate(-25px,50px);transform:translate(-25px,50px)}100%{-o-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-triangle-path-2{33%{-webkit-transform:translate(25px,50px);-moz-transform:translate(25px,50px);-o-transform:translate(25px,50px);transform:translate(25px,50px)}66%{-webkit-transform:translate(-25px,50px);-moz-transform:translate(-25px,50px);-o-transform:translate(-25px,50px);transform:translate(-25px,50px)}100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ball-triangle-path-3{33%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}66%{-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-moz-keyframes ball-triangle-path-3{33%{-moz-transform:translate(-50px,0);transform:translate(-50px,0)}66%{-moz-transform:translate(-25px,-50px);transform:translate(-25px,-50px)}100%{-moz-transform:translate(0,0);transform:translate(0,0)}}@-o-keyframes ball-triangle-path-3{33%{-o-transform:translate(-50px,0);transform:translate(-50px,0)}66%{-o-transform:translate(-25px,-50px);transform:translate(-25px,-50px)}100%{-o-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-triangle-path-3{33%{-webkit-transform:translate(-50px,0);-moz-transform:translate(-50px,0);-o-transform:translate(-50px,0);transform:translate(-50px,0)}66%{-webkit-transform:translate(-25px,-50px);-moz-transform:translate(-25px,-50px);-o-transform:translate(-25px,-50px);transform:translate(-25px,-50px)}100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}}.ball-triangle-path{position:relative;-webkit-transform:translate(-29.99px,-37.51px);-moz-transform:translate(-29.99px,-37.51px);-ms-transform:translate(-29.99px,-37.51px);-o-transform:translate(-29.99px,-37.51px);transform:translate(-29.99px,-37.51px)}.ball-triangle-path>div:nth-child(1){-webkit-animation-name:ball-triangle-path-1;-moz-animation-name:ball-triangle-path-1;-o-animation-name:ball-triangle-path-1;animation-name:ball-triangle-path-1;animation-delay:0;-o-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ball-triangle-path>div:nth-child(2){-webkit-animation-name:ball-triangle-path-2;-moz-animation-name:ball-triangle-path-2;-o-animation-name:ball-triangle-path-2;animation-name:ball-triangle-path-2;animation-delay:0;-o-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ball-triangle-path>div:nth-child(3){-webkit-animation-name:ball-triangle-path-3;-moz-animation-name:ball-triangle-path-3;-o-animation-name:ball-triangle-path-3;animation-name:ball-triangle-path-3;-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.ball-triangle-path>div{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:10px;height:10px;border-radius:100%;border:1px solid #6B6F82}.ball-triangle-path>div:nth-of-type(1){top:50px}.ball-triangle-path>div:nth-of-type(2){left:25px}.ball-triangle-path>div:nth-of-type(3){top:50px;left:50px}