Sick animations

2020-12-27 23:27:06 +01:00
parent 4955b098c4
commit d997da79ba
3 changed files with 76 additions and 8 deletions
--- a/src/app/payment/payment.component.css
+++ b/src/app/payment/payment.component.css
@@ -26,10 +26,15 @@
    height: 64px;
    width: 64px;
    transform: translate(96px, 96px);
+    animation: coinRoll 1s ease;
    z-index: 2;
 }

-.qrWrapper {
+@keyframes coinRoll {
+    0% {
+        transform: translateY(96px) rotate(-45deg) scale(0.5);
+        opacity: 0.7;
+    }
 }

 .payment * {