diff --git a/class_registration_app/src/components/StartUp.vue b/class_registration_app/src/components/StartUp.vue index b6b456f..4ce5109 100644 --- 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';
+
@@ -27,8 +28,6 @@ import AppVue from '@/App.vue'; - - @@ -36,8 +35,8 @@ import AppVue from '@/App.vue';
@@ -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% {