%PDF- %PDF-
Direktori : /home/opti/workflow/src/public/app-assets/css/plugins/loaders/animations/ |
Current File : /home/opti/workflow/src/public/app-assets/css/plugins/loaders/animations/ball-triangle-trace.css |
@keyframes ball-triangle-path-1 { 33% { transform: translate(25px, -50px); } 66% { transform: translate(50px, 0px); } 100% { transform: translate(0px, 0px); } } @keyframes ball-triangle-path-2 { 33% { transform: translate(25px, 50px); } 66% { transform: translate(-25px, 50px); } 100% { transform: translate(0px, 0px); } } @keyframes ball-triangle-path-3 { 33% { transform: translate(-50px, 0px); } 66% { transform: translate(-25px, -50px); } 100% { transform: translate(0px, 0px); } } .ball-triangle-path { position: relative; transform: translate(-29.994001px, -37.509377px); } .ball-triangle-path > div:nth-child(1) { animation-name: ball-triangle-path-1; animation-delay: 0; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .ball-triangle-path > div:nth-child(2) { animation-name: ball-triangle-path-2; animation-delay: 0; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .ball-triangle-path > div:nth-child(3) { animation-name: ball-triangle-path-3; animation-delay: 0; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .ball-triangle-path > div { 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; }