P3X GitList

RSS Clone

Raw View History

Blames found: 16 Mode: htmlmixed Binary: false

Hang on, we reloading big blames...

f46e4d96

<!DOCTYPE html> <html> <head>

b27cd7e3

<title>P3X Angular Compile</title>

f46e4d96

fb0911e3

f46e4d96

</head> <body>

a81ad1c5

<p3x-compile-test>  <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; }

63831028

a81ad1c5

.LoaderBalls__item { width: 20px; height: 20px; border-radius: 50%; background: rgba(0, 0, 0, 0.5); }

63831028

a81ad1c5

.LoaderBalls__item:nth-child(1) { animation: bouncing 0.4s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95); }

63831028

a81ad1c5

.LoaderBalls__item:nth-child(2) { animation: bouncing 0.4s 0.1s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95) backwards; }

63831028

a81ad1c5

.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>

f46e4d96

</body>

b27cd7e3

</html>