RSS Git Download  Clone
Raw View History
Blames found: 8 Mode: htmlmixed Binary: false


Hang on, we reloading big blames...
<!DOCTYPE html> <html> <head>
<title>P3X Angular Compile</title>
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1">
<base href="/"/>
</head> <body>
<p3x-compile-test> <!-- https://codepen.io/Sixclones/pen/VBdeXL --> <style type="text/css"> body { width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.1); } .LoaderBalls { width: 90px; display: flex; justify-content: space-between; align-items: center; } .LoaderBalls__item { width: 20px; height: 20px; border-radius: 50%; background: rgba(0, 0, 0, 0.5); } .LoaderBalls__item:nth-child(1) { animation: bouncing 0.4s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95); } .LoaderBalls__item:nth-child(2) { animation: bouncing 0.4s 0.1s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95) backwards; } .LoaderBalls__item:nth-child(3) { animation: bouncing 0.4s 0.2s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95) backwards; } @keyframes bouncing { 0% { transform: translate3d(0, 10px, 0) scale(1.2, 0.85); } 100% { transform: translate3d(0, -20px, 0) scale(0.9, 1.1); } } </style> <div class="LoaderBalls"> <div class="LoaderBalls__item"></div> <div class="LoaderBalls__item"></div> <div class="LoaderBalls__item"></div> </div> </p3x-compile-test>
</body>
</html>