fixed flicker

zjf19002 · Nov 7, 2023 · 37a9aa6 · 37a9aa6
1 parent 3ed5e84
commit 37a9aa6
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/class_registration_app/src/components/StartUp.vue b/class_registration_app/src/components/StartUp.vue
@@ -9,6 +9,7 @@ import AppVue from '@/App.vue';
 
 <div class="backdrop">
 
+
     <div class="top">
         <img class="logos" src="https://logos-world.net/wp-content/uploads/2022/01/UConn-Huskies-Logo-1970.png">
         <div>
@@ -27,17 +28,15 @@ import AppVue from '@/App.vue';
             <button class="btn-97" style="background-color:black;position: absolute;top:80%;left:50%;transform:translate(-50%,-50%)">
                 Login as faculty
             </button>
-
-
         </a>
 
 
         <a class="forgot" style="">Forget your login?</a>
     </div>
 
     <footer>
-        <a>Home Site</a>
-        <a>About Us</a>
+        <a href="https://uconn.edu/">Home Site</a>
+        <a href="https://uconn.edu/about-us/">About Us</a>
         <a>Privacy Policy</a>
         <a>Contact</a>
     </footer>
@@ -233,10 +232,11 @@ a{
     top: 0%;
     height: 100vh;
     width: 100vw;
+    background-image: url("../assets/Aerial131009a125.jpeg");
     background-size:cover;
     background-repeat: no-repeat;
-    animation: change 30s infinite ease-in-out;
-    transition:all 1s;
+    animation: change 20s infinite ease-in-out ;
+
 }
 
 
@@ -270,19 +270,19 @@ footer {
   @keyframes change{
     0%
     {
-        background-image: url("../assets/Aerial131009a125.jpeg");
+        background-image: url("../assets/Aerial131009a125.jpeg"), url("../assets/winter2.jpeg");
     }
     20%
     {
-        background-image: url("../assets/winter2.jpeg");
+        background-image: url("../assets/winter2.jpeg"), url("../assets/union.jpeg");
     }
     40%
     {
-        background-image: url("../assets/union.jpeg");
+        background-image: url("../assets/union.jpeg"), url("../assets/case.jpeg");
     }
     60%
     {
-        background-image: url("../assets/case.jpeg");
+        background-image: url("../assets/case.jpeg"), url("../assets/fall.jpeg");
     }
     80%
     {