Added animation to madal

ago%!(EXTRA string=1 year) · 84c00ce239
parent 66052f1f7f
commit 84c00ce239
2 changed files with 16 additions and 1 deletions
--- a/css/animation.css
+++ b/css/animation.css
@ -1 +1,15 @@
-/* Copyright © 2023 Entreprise SkamKraft */
+/* Copyright © 2023 Entreprise SkamKraft */
+
+
+.ext-modal[open] {
+    animation: myFadeIn 2.0s ease normal;
+}
+  
+@keyframes myFadeIn{
+    from {
+      bottom: 100%;
+    }
+    to {
+      bottom: 0%;
+    }
+}
--- a/index.html
+++ b/index.html
@ -4,6 +4,7 @@
    <title></title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/ui.css">
+    <link rel="stylesheet" href="css/animation.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>    
    <script type="module" src="js/index.js" defer></script>
  </head>