Update style.css

Author: mdzaberalhamid

project-9-dice-roll-simulator/style.css

@@ -12,6 +12,21 @@ h1 {
 .dice {
     font-size: 6rem;
     margin: 10px;
+    animation-duration: 1s;
+    animation-fill-mode: forwards;
+}
+
+.roll-animation {
+    animation-name: roll;
+}
+
+@keyframes roll {
+    0% {
+        transform: rotateY(0deg) rotateX(0deg);
+    }
+    100% {
+        transform: rotateY(720deg) rotateX(720deg);
+    }
 }
 
 button {