@@ -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%
{