Spaces:
Running
Running
add same home screen saver of https://shoeroom.shoes/ as background
Browse files- index.html +10 -3
index.html
CHANGED
|
@@ -77,17 +77,24 @@ header {
|
|
| 77 |
font-weight: 500;
|
| 78 |
}
|
| 79 |
.hero {
|
| 80 |
-
background
|
| 81 |
background-size: cover;
|
| 82 |
-
|
|
|
|
| 83 |
display: flex;
|
| 84 |
align-items: center;
|
| 85 |
justify-content: center;
|
| 86 |
text-align: center;
|
| 87 |
color: white;
|
| 88 |
flex-direction: column;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 89 |
}
|
| 90 |
-
|
| 91 |
font-size: 3rem;
|
| 92 |
margin-bottom: 1rem;
|
| 93 |
}
|
|
|
|
| 77 |
font-weight: 500;
|
| 78 |
}
|
| 79 |
.hero {
|
| 80 |
+
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://shoeroom.shoes/wp-content/uploads/2023/01/shoeroom_hero_image.jpg');
|
| 81 |
background-size: cover;
|
| 82 |
+
background-position: center;
|
| 83 |
+
height: 100vh;
|
| 84 |
display: flex;
|
| 85 |
align-items: center;
|
| 86 |
justify-content: center;
|
| 87 |
text-align: center;
|
| 88 |
color: white;
|
| 89 |
flex-direction: column;
|
| 90 |
+
position: relative;
|
| 91 |
+
animation: heroZoom 15s infinite alternate;
|
| 92 |
+
}
|
| 93 |
+
@keyframes heroZoom {
|
| 94 |
+
0% { background-size: 100% auto; }
|
| 95 |
+
100% { background-size: 120% auto; }
|
| 96 |
}
|
| 97 |
+
.hero h1 {
|
| 98 |
font-size: 3rem;
|
| 99 |
margin-bottom: 1rem;
|
| 100 |
}
|