Files for my website
bwc9876.dev
Background scroll
+15
-1
+15
-1
src/layouts/Layout.astro
+15
-1
src/layouts/Layout.astro
···
120
120
background-image: url("@assets/bg-tile.webp");
121
121
background-repeat: round;
122
122
background-blend-mode: multiply;
123
-
animation: rainbow 5s linear infinite;
123
+
animation:
124
+
rainbow 5s linear infinite,
125
+
bg-scroll 120s linear infinite;
124
126
125
127
margin: 0;
126
128
padding: 0;
···
139
141
140
142
header {
141
143
border-bottom: var(--section-border);
144
+
}
145
+
146
+
@keyframes bg-scroll {
147
+
0% {
148
+
background-position: 0 0;
149
+
}
150
+
50% {
151
+
background-position: 50% 50%;
152
+
}
153
+
100% {
154
+
background-position: 100% 100%;
155
+
}
142
156
}
143
157
144
158
@keyframes rainbow {