CovidTrackerFr#99 Fade in then fade out with css

Author: nhumblot

src/views/vmd-rdv.view.scss

@@ -91,6 +91,17 @@
     }
 }
 
+.fade-in-then-fade-out {
+    animation-name: fade-in-then-fade-out;
+    animation-duration: 10s;
+    animation-fill-mode: forwards;
+}
+
+@keyframes fade-in-then-fade-out {
+    0%, 100% {opacity: 0}
+    10%, 90% {opacity: 1}
+}
+
 vmd-appointment-card {
     display: block;
     opacity: 1;

src/views/vmd-rdv.view.ts

@@ -244,7 +244,7 @@ export abstract class AbstractVmdRdvView extends LitElement {
                         />`;
                     })}
                 </div>
-                <div class="eligibility-criteria">
+                <div class="eligibility-criteria fade-in-then-fade-out">
                     <p>Les critères d'éligibilité sont vérifiés lors de la prise de rendez-vous</p>
                 </div>
             `}